首页 > 解决方案 > 使用 Framework7 在多个页面中委托 onclick 事件冲突

问题描述

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

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

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

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

或者

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

onclick()事件适用于这种方法,但我有一个问题。其中一些元素存在于多个页面中。因此,如果我在我的应用程序中更改页面并单击这些元素,onclick()如果我多次更改页面,则会触发两次或更多次事件。

我该如何解决这个问题?

标签: javascriptjqueryhtml-framework-7

解决方案


尝试这个:

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

它应该消除所有冲突。


推荐阅读