後で生成される JS コード内の無効なクリック イベントに対する jQuery の解決策

使用される jquery バージョン: jquery-3.1.1

ページに直接書かれた click イベント は有効です:

<a class="deleteCls" beanId="${bean.id }" href="javascript:void(0)">删除</a>
$("a.deleteCls").click(function() {      alert("del");    });

ただし、js で生成されるコードは次のとおりです。

str += "<td><a class=&#39;deleteCls&#39; beanId=&#39;" + item.id + "&#39; href=&#39;javascript:void(0)&#39;>删除</a></td>";

clickが無効であるとの情報を確認したところ、jqueryがclickイベントをバインドしていないとのことでした

以下は。解決策:

will

$("a.deleteCls").click(function() {
      alert("del");
    });

は次のように変更されます (tableList はテーブル table の ID で、生成されたコードは table タグ内にあります):

$("#tableList").on("click","a.deleteCls",function(){
    alert("del");
    });

、生成されたコードのクリック イベントも応答できるようになりました。

以上が後で生成される JS コード内の無効なクリック イベントに対する jQuery の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。