Question

我似乎无法使其正常工作，我们将非常感谢一些帮助。

我有一个包含以下代码的页面：

$('.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）不会触发单击功能。它什么都不做。请帮忙。

提前谢谢。

Answer 1

由于您绑定到iframe中的元素，因此需要返回“父”模态对象以关闭对话框：

$('.saveit', dialog.data[0]).click(function () {
    // close the dialog
    parent.jQuery.modal.close();
});

SimpleModal无法绑定事件onShow

1 个答案: