2010-05-12 53 views
0

我似乎無法得到這個工作,一些幫助將不勝感激。SimpleModal無法綁定事件onShow

我有下面的代碼頁:

$('.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> 

模態窗口,但是點擊在模式窗口中的保存按鈕(類保存)不會觸發點擊功能。它什麼也沒做。請幫忙。

預先感謝您。

回答

0

因爲你是在iframe結合的元素,你需要回到「父」模式的對象,關閉對話框:

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