2010-05-12 3 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> 

Модальное окно, однако, нажав на кнопку «Сохранить» (класс saveit) в модальном окне не срабатывает функция щелчка. Он ничего не делает. Пожалуйста помоги.

Заранее спасибо.

ответ

0

Поскольку вы привязки к элементу в IFRAME, вам нужно, чтобы вернуться к «родителю» модальный объекта, чтобы закрыть диалоговое окно:

$('.saveit', dialog.data[0]).click(function() { 
    // close the dialog 
    parent.jQuery.modal.close(); 
}); 
Смежные вопросы