使用Framework7在多个页面中委托onclick事件冲突

Question

我使用的是最新版本的 Framework7 (5.7)。

我有这个问题。我的页面中有一些动态内容，包含在 Dom 和 $('.element').html().

中

为了管理此元素上的 onclick() 事件，我以这种方式使用委托：

$(document).on(‘click’, ‘.favorite-icon’, function(event) {}

或

$(document).delegate(’.favorite-icon’, ‘click’, function(event) {}

onclick() 事件使用此方法效果很好，但我遇到了问题。 其中一些元素存在于多个页面中。因此，如果我在我的应用程序中更改页面并单击这些元素，如果我多次更改页面，onclick() 事件将被触发两次或更多次。

我该如何解决这个问题？

Answer 1

试试这个：

$(document).undelegate('click').delegate(’.favorite-icon’, ‘click’, function(event) {}

它应该消除所有冲突。