0

これを機能させることができないようです。助けていただければ幸いです。

次のコードを含むページがあります。

$('.editname').click(function (e) {
  var src = "test.html";
  $.modal('<iframe src="' + src + '" height="480" width="640" style="border:0">', {
   closeHTML:"<div class='no simplemodal-close'>Close</div>",
   containerCss:{
    backgroundColor:"#fff",
    border:"10px solid #333",
    height:480,
    padding:"10px",
    width:640
    },
   opacity:50,
   overlayCss: {backgroundColor:"#fff"},
   onShow: function (dialog) {
    $('.saveit', dialog.data[0]).click(function () {
     // close the dialog
     $.modal.close();
    });
   }
  });
 });

test.html (モーダル ウィンドウの内容) のコードは次のとおりです。

<body>
<h1>Test</h1>
<div class='pointer spacertop'><a href="#" class="saveit">Save</a></div>
</body>

モーダル ウィンドウが表示されますが、モーダル ウィンドウの [保存] ボタン (クラス saveit) をクリックしても、クリック機能は起動しません。それは何もしません。助けてください。

前もって感謝します。

4

1 に答える 1

0

iframe 内の要素にバインドしているため、「親」モーダル オブジェクトに戻ってダイアログを閉じる必要があります。

$('.saveit', dialog.data[0]).click(function () {
    // close the dialog
    parent.jQuery.modal.close();
});
于 2010-05-26T17:15:20.700 に答える