用ajax加載框架

Question

我想用ajax加載html。但我有問題。當你點擊按鈕。我加載jquery加載，在容器中的HTML。容器是.project-detail。我希望容器是從上到下的動畫。但問題。我第一次點擊按鈕。它不工作。當我第二次點擊時，它正在工作。我錯了什麼？

function projectDetails() { 
    var button = $(".list-portfolio"), 
     slide = $(".project-detail"); 

    button.click(function(e){ 
     e.preventDefault(); 

     $(".project-detail").load("includes/ruimzicht.html"); 

     var height = $(".project-detail .column").outerHeight(); 
     slide.animate({height: height},600); 

     $(".project-detail .column").css({ opacity: 0.5 }); 
    }); 
} 

Answer 1

您需要等到ajax加載內容。我認爲這個代碼應該可以工作，

function projectDetails() { 
    var button = $(".list-portfolio"), 
     slide = $(".project-detail"); 

    button.click(function(e){ 
     e.preventDefault(); 

     $(".project-detail").load("includes/ruimzicht.html", function() { 
      var height = $(".project-detail .column").outerHeight(); 
      slide.animate({height: height},600); 

      $(".project-detail .column").css({ opacity: 0.5 }); 
     });   
    }); 
}