jquery-mobile - 使用 Jquery Mobile 动态生成的对话框多次打开

Question

在多页面模板中，我有三个类别页面(comedy, action, drama)，您可以在每个包含图像的行之间滑动(Seinfeld, Modern Family, Family Guy, Big Bang)。单击单个图像应打开一个对话框(Seinfeld summary)，单击关闭按钮时关闭，并保持关闭状态。最初它可以工作，然后发生的情况是基于两个后单击的图像数量，它打开和关闭 n -1 （单击第三个图像，打开对话框两次）。

这背后的原因是什么？

Answer 1

如果没有你的代码，我可以肯定，但我想我明白你发生了什么。

您有多个事件绑定的问题。由于jQuery Mobile架构的原因，可以将一个事件多次绑定到某个对象。

我有一篇关于页面事件处理的博客文章jQuery Mobile，并且有一章专门讨论这个问题，只需搜索“防止多事件触发”一章。或者可以在这里找到。

简而言之，在将事件绑定到某个对象之前始终取消绑定事件以防止这种情况发生：

$('#test-button').die('click').live('click', function(e) {
    alert('Button click');
});