jQuery fadeIn/fadeOut不工作

Question

我試圖讓一個彈出div來點擊鏈接時顯示一些內容。

的jQuery：

$(document).ready(function() { 

    //Popup Content Script 
    $("#services").click(function(){ 

     servicesPopup(); 

    }); 

    $(".popupClose").click(function() { 

     closePopupFunction(); 

    }); 

    function servicesPopup() { 

     $(".popup").fadeIn("slow", function() { 

      $(".container").css("opacity", ".3"); 
      $(".popup").html("This is a test.\n\ 
      This is a test.\n\ 
      This is a test.\n\ 
      This is a test.\n\ 
      This is a test."); 

     }); 
    }; 

    function closePopupFunction() { 

     $(".popup").fadeOut("slow"); 
     $(".popup").html(""); 
     $(".container").css("opacity","1"); 


    }; 

    }); 

HTML：單擊該按鈕時

<li><a href="#" class="button" id="services" title="Learn about all of our services."><span>Services</span></a></li> 

什麼也沒有發生。我盡我所能地想方設法改變代碼和HTML，但都沒有成功。我在這裏進行了一次搜索，沒有發現任何內容以及對所有jQuery代碼的完整查詢，並且找不到答案。感謝您的任何幫助。

Answer 1

試試這個，

function servicesPopup() { 
    $(".popup").fadeIn("slow", function() { 
     $(".container").css("opacity", ".3"); 
     //Also write the string in a single line or escape it 
     $(".popup").html("This is a test.<br/>This is a test.<br/>This is a test."); 
    }); 
} 

function closePopupFunction() { 
    $(".popup").fadeOut("slow"); 
    $(".popup").html(""); 
    $(".container").css("opacity","1"); 
} 


$(document).ready(function() { 
    //Popup Content Script 
    $("#services").click(function(e){ 
     e.preventDefault(); 
     servicesPopup(); 
    }); 

    $(document).on('click',".popupClose",function() { 
     closePopupFunction(); 
    });  
});