jquery - 从 iframe 中删除类并阻止默认操作

Question

这是我的前奏...

我的 iframe 有一堆可点击的按钮，其中一类是.action-item

$(".action-item").bind("click", function() {
   // do something
});

在父页面上，我以 iframe 为目标并删除了.action-item该类。我已经确认使用 Chrome 开发人员工具，这些项目确实具有已删除的类。

$("#bottom-iframe").contents().find(".action-item:visible").each(function() {
     $(this).unbind('click');                   
     $(this).removeClass("action-item"); 
});

但不幸的是，即使我删除了课程，点击仍会注册并有效。有没有解决方案或我忽略的东西？

Answer 1

您需要删除绑定。您可能想要使用.on()and .off()。

Answer 2

您可以像这样删除事件处理程序：

$("#bottom-iframe").contents().find(".action-item:visible").each(function() {                       
    $(this).unbind('click');
    $(this).removeClass("action-item"); 
});