顯示：jQuery Modal插件不會出現

Question

我試圖使用Reveal by Zurb來顯示錶單，但是當我選擇觸發事件的項目時，屏幕變暗，就像Reveal正在工作，但它不會顯示窗格。有任何想法嗎？非常感謝您的幫助！

Planner.js

$(function() { 

    $('.event_list li').click(function(e) { 
     console.log(this.id); 
     $('#update_view_content').reveal('http://example.com/user/planner/update/'+this.id); 
    }); 

    $('#updateForm').live('submit', function() { 
     var data = $('#updateForm').serialize(); 
     var url = $(this).attr('action'); 
     $.post(url, data); 
     return false; 
    }); 

}); 

Answer 1

從看網上的文檔，似乎有對reveal()方法沒有參數 - 揭示方法只在屏幕上顯示一個div，所以

你會創建標記您的網頁上：

<div id="myModal" class="reveal-modal"> 
    <h1>Modal Title</h1> 
    <p>Any content could go in here.</p> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 

進而揭示它...

$('#myButton').click(function(e) { 
     e.preventDefault(); 
     $('#myModal').reveal(); 
}); 

如果要加載的東西到div和再揭示，我建議這種做法：

$('.event_list li').click(function(e) { 
    console.log(this.id); 
    $('#update_view_content').load('http://example.com/user/planner/update/'+this.id,function() { 
     $('#update_view_content').reveal(); 
    }); 
}); 

一旦負載已經完成調用顯示方法應該在內容加載，然後。 未經測試