Jquery 如何使用SimpleModel获得回调

Jquery 如何使用SimpleModel获得回调,jquery,simplemodal,Jquery,Simplemodal,我无法从SimpleModel中捕捉到onclose。如果可以,请帮我一把,因为我是jQuery的新手 <a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;"> 可以,但我希望在模式对话框关闭时调用javascript函数。如何附加,比如updateTable();关于关闭事件 我试过了 首先,使用jQuery时不必添加onclick属性。 假定 $

我无法从SimpleModel中捕捉到onclose。如果可以,请帮我一把,因为我是jQuery的新手

<a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;">

可以,但我希望在模式对话框关闭时调用javascript函数。如何附加,比如updateTable();关于关闭事件

我试过了


首先,使用jQuery时不必添加onclick属性。
假定

$(this)引用实际上引用了a标记,您可能希望使用一个名为dialog的div,如下所示:

 <div id="dialog"></div>

更新:根据您的评论。试试这个

   <head>
      <!-- Include your script tags here to load the jQuery and simplemodal scripts -->
      <script type="text/javascript">
          $(document).ready(function(){
              $("#clicker").click(function(){
                 $("#dialog").modal({onClose: function(){ 
                  alert("Closing");
                 }
                 });
                return false;
              });
          });


      </script>

      </head>
      <body>
           <div id="dialog"></div>
           <a href="#" id="clicker">Click</a>
      </body>

$(文档).ready(函数(){
$(“#clicker”)。单击(函数(){
$(“#对话框”).modal({onClose:function(){
警报(“关闭”);
}
});
返回false;
});
});

如果我理解正确,您希望

  • 单击链接(例如,使用id clicker)
  • href中URL定义的页面
    
    JavaScript

    var c = function closer() {
        $.modal.close();
        alert("Done!"); 
    }
    $(document).ready(function() {
        $("#clicker").click(function() {
            $.modal(
                '<iframe src="'+this.href+'" width="833" height="453">asd</iframe>',
                {onClose:c}
            );
            return false;
        });
    });
    
    var c=函数closer(){
    $.modal.close();
    警报(“完成!”);
    }
    $(文档).ready(函数(){
    $(“#clicker”)。单击(函数(){
    美元模态(
    “asd”,
    {onClose:c}
    );
    返回false;
    });
    });
    

    检查工作样本

    谢谢您的帮助。。。不使用onClick肯定会使代码更整洁,但不幸的是,当我关闭模式时,它没有运行我的代码。。。我尝试了一个简单的提醒(“你好”);而且它不起作用…请原谅我的无知,但我为什么要离婚?我加载的内容是外部的,在模式内部,它获取clicker href上的任何内容,并将其作为iframe加载。我需要做的就是知道用户何时关闭对话框,以便我可以刷新页面上的内容。原始代码中的$(this)指的是作为链接的a标记。这就好像你正在链接到模态对话框,我怀疑这是你想要的。您希望使用另一个容器(如div)来实现此目的。否则,您可以使用任何其他您喜欢的容器。谢谢您的帮助,但上面的代码仍然不起作用。。。首先,它甚至不会打开模式,所以我在其中添加了.open(),此时它会打开模式,但不会打开href中的URL,而是尝试打开“undefined”,最后,当我按X时,它不会发出应有的警报。。。。这个代码真的对你有用吗?我正在尝试两种浏览器…Vincent,只是为了回答您的评论,我确实希望链接作为我的模式,因为它会导致模式窗口包含链接的内容(类似于iframe)。。。这正是我想要的。。。这一部分已经在我的原始代码中运行,但我现在想要的是捕获结束,以便我能够处理它。
    $("#dialog").modal(...)
    
       <head>
          <!-- Include your script tags here to load the jQuery and simplemodal scripts -->
          <script type="text/javascript">
              $(document).ready(function(){
                  $("#clicker").click(function(){
                     $("#dialog").modal({onClose: function(){ 
                      alert("Closing");
                     }
                     });
                    return false;
                  });
              });
    
    
          </script>
    
          </head>
          <body>
               <div id="dialog"></div>
               <a href="#" id="clicker">Click</a>
          </body>
    
    <a href="http://www.google.com" id="clicker">Click me!</a>
    
    var c = function closer() {
        $.modal.close();
        alert("Done!"); 
    }
    $(document).ready(function() {
        $("#clicker").click(function() {
            $.modal(
                '<iframe src="'+this.href+'" width="833" height="453">asd</iframe>',
                {onClose:c}
            );
            return false;
        });
    });