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

Question

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

这背后可能是什么原因？

Answer 1

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

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

我在 jQuery Mobile 页面事件处理上有一个博客 ARTICLE ，并且有一章致力于解决此问题，只需搜索章节< strong>防止多事件触发。或者可以找到 HERE 。

在将它绑定到某个对象之前总是解除绑定事件以防止这种情况发生：

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