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"); 
});