顯示：不會出現jQuery Modal插件

Question

我正在嘗試使用Zurb的Reveal顯示表單，但是當我選擇觸發事件的項目時，屏幕變暗，就像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();
    });
});

那應該加載內容，然后在加載完成后調用reveve方法。 未經測試