innerHTMLを動的に変更した後にクリックリスナーを再追加する方法は？

Question

私は、サードパーティのアプリケーションから動的に読み込まれるコンテンツのShopifyストアのタグにタグを変換しようとしています。つまり、ページの読み込みが完了した後にHTMLが追加されます。コンバージョンを行う前に、タグにはサードパーティ製のスクリプトを介して「クリック」イベントリスナーが既に追加されています。

私の現在のコードは次のようになります。

var widgetHTML = $(".cbb-frequently-bought-selector-list").html(); 
widgetHTML = widgetHTML.replace(/<a /g, '<span ').replace(/<\/a>/g, '</span>'); 
$('.cbb-frequently-bought-selector-list').html(widgetHTML); 

このコードを実行すると、オリジナルの「クリック」イベントリスナーがなくなっています。

すべてのタグの既存の「クリック」イベントリスナーへの参照を一時的に保存してから上記のコードを実行し、タグを置き換えた新しいタグに「クリック」イベントリスナーを追加する方法はありますか？

Answer 1

このような使用jQueryのイベントの代表団：。

$(document).on('click','your_element_selector', function() { 
    // your code  
});