jQueryは要素を追加した後に元のイベントが実行されない問題を解決します

まずエラーコードを見てみましょう。

html:

        <テーブルボーダー="1" id="ベスト">
			<tr>
				<td>
					<button class="change">変更</button>
				</td>				
			</tr>
			<tr>
				<td>
					<button class="del">削除</button>
				</td>				
			</tr>
			<tr class="last"><td><button class="add">追加</button></td></tr>
		</テーブル>

js:

$(".add").click(function(){
		var newYuansu = $("<tr><td><button class='del'>削除</button></td></tr>");
		$(".last").before(newYuansu);
})
$(".del").click(関数(){
        $(this).parents("tr").remove();
})

jQuery を使用して新しい要素を追加すると、新しい要素では元のイベント関数の一部が実行されません。

ブロガーは学生であり、1つの方法だけを研究しました。

$("#best").on("クリック",".del",function(){
		$(this).parents("tr").remove();
})

元のクリックイベントをこのように記述すると、新しく追加された要素で使用できるので、非常に便利です〜

補充:

1. jQuery バージョン 1.3 未満 (jQuery 1.3 は含まない) の場合は、jQuery バージョンを更新する必要があります。

解決策がないから 解決策がない 解決策がない 解決策がない

2. jQuery バージョンが 1.3 ～ 1.8 の場合、js/jq の動的に追加された要素によってトリガーされるバインディング イベントの解決策 (on イベントはバージョン 1.6 未満ではサポートされておらず、エラーが報告されるため、on イベントの使用は推奨されません)

ライブ イベントをバインドします (ライブ イベントは jQuery 1.9 以下でのみサポートされ、それ以降のバージョンではサポートされません)。

$(".del").live("click",function(){ ///jquery 1.9 (1.9 を除く) 以下では、alert('ここには動的要素によって追加されたイベントがあります');

           })

3. 使用を推奨する

jQuery バージョンが 1.9 以上の場合、ライブ デリゲート イベントは削除され、on を通じて実装されます。 js/jq で動的に追加された要素のバインディング イベントをトリガーするソリューション

注意: ページに jq の下位バージョン (1.3 ～ 1.8) と上位バージョンの jq (jquery1.9 以上) の両方が含まれている場合、ライブ デリゲート イベントは上位バージョンによって削除されます。その結果、jquery バージョンが 1.3 ～ 1.8 でライブ イベントが使用されている場合でも、ページはエラーを報告します。

要素追加後に本来のイベントが実行されない問題をjQueryで解決する方法についての記事は以上です。jQuery関連のコンテンツについては、123WORDPRESS.COMの過去記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。