1

simplemodal 内から onclose をキャッチできませんでした。私はjQueryが初めてなので、できれば手を貸してください...

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

動作しますが、モーダル ダイアログが閉じられるたびに JavaScript 関数を呼び出したいと思います。updateTable(); と言うと、どのようにアタッチしますか? クローズイベントに??

私はもう試した

<a href="" onclick="$(this).modal({onClose: alert(1);$.modal.close();}).open();"

そして、これのすべてのばかげたバリエーションですが、サンプルページのネストされた関数を正直に見ると、めまいがするだけでした（2番目の例にもhrefがありますが、ここに投稿できません）...

4

2 に答える 2

3

私があなたを正しく理解しているなら、あなたはそうしたい

  • リンクをクリックします (例: id クリッカーを使用)
  • この<a href="...">タグの href 内の URL で定義されたページは、モーダル コンテンツである必要があります。
  • ユーザーがモーダルを閉じると、何らかのアクションをトリガーしてモーダルを閉じます

HTML:

<a href="http://www.google.com" id="clicker">Click me!</a>

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

実際のサンプルについては、http://jsbin.com/ofimiを確認してください。

于 2009-11-18T01:34:50.430 に答える
0

まず、jQuery を使用する場合、onclick 属性を追加する必要はありません。推定

 <a id="clicker" href="http://url/" >Click</a>

それで

  $(document).ready(function(){
      $("#clicker").click(function(){
          $(this).modal({width:833, height:453, onClose: function(){ 
             //your code here}})
          .open(); 
          return false;
      });

 });

$(this) 参照は、実際には a タグを参照します。次のように、dialog という div を使用することもできます。

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

jQueryを次のように変更します

$("#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>
于 2009-11-17T22:31:43.900 に答える