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();
    });
});

应加载内容，然后在加载完成后调用reveal方法。的未测试

显示：jQuery Modal插件不会出现

1 个答案: