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

如何解决使用Framework7在多个页面中委派onclick事件冲突

我正在使用最新版本的Framework7（5.7）。

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

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

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

或

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

onclick()事件可以用这种方法很好地工作，但是我有一个问题。 其中一些元素存在于多个页面中。因此，如果我在应用程序中更改页面并单击这些元素，则如果我多次更改页面，将触发onclick()事件两次或更多次。

我该如何解决？

解决方法

尝试一下：

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

它应该消除所有冲突。