ホームページ >ウェブフロントエンド >jsチュートリアル >後で生成される JS コード内の無効なクリック イベントに対する jQuery の解決策

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

黄舟
黄舟オリジナル
2017-06-27 10:11:401846ブラウズ

使用される 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。