如何在关闭时使对话框中的所有活动消失？

Question

我有一个对话框 $('.dialog')，然后在打开它时填充表单的 html：

$('.dialog').html(getForm());

然后我有一个名为 close(); 的函数；当我单击关闭时，我会执行以下操作：

$('.dialog').html('');
$('.dialog').hide();

但是，如果在表单中放置动态元素（新 DOM），则使用 .live('event',function(){})... 当我再次打开对话框时，我会附加两次实时操作，如果我关闭对话框并再次打开，我会附加三次实时操作，等等（请理解我需要使用 .live() 而不是 .bind ())

形式：

<form id="formid">
<input type="text" class="please_only_onetime"/>
<script type="text/javascript">
$(document).ready( function() {
  $('.please_only_onetime').live('focusin', function(){ alert( 'one time' );});
});
</script>
</form>

最后，如果我将以下内容放在 .live() 之前，则代码可以正常运行：

$('.please_only_onetime').die();

但是，我想要的是在 close() 函数中概括这一点，例如：

$('.dialog').find('*').die() // but this seems not to be working!

Answer 1

$('.dialog').delegate('.please_only_onetime', 'focusin', function () {
  //this is all you need to do... no rebinding, no "die"'ing ...
});

或者为了简单起见，您可以继续使用live。我认为你应该切换到delegate()。

Answer 2

如果您使用“.live()”，则无需重新附加事件处理程序。这就是重点。只需在开始时附加它们，然后无论您加载和卸载表单多少次，它们都会继续工作。