私はウェブアプリを構築しています。この Web アプリのメイン ナビゲーションは jquery で更新されますが、更新後は jquery イベントが機能しません。
「オンボタン」には.onでバインドされたjqueryイベントがあり、クリックされるたびに段落が追加されます。「リセットボタン」は別の「オンボタン」を追加しますが、jquery イベントはそれに適用されません。
私は.onメソッドを使用して、ドキュメントの準備ができたときに 2 番目の「オン ボタン」が DOM にないことを回避しました。
簡単な例を次に示します。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>blub</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".reset").click(function() {
$("nav").append('<button class="on">test</button>');
})
var count = 0;
$(".on").on("click", function(){
$(".cont").append("<p>Another paragraph! "+(++count)+"</p>");
});
});
</script>
</head>
<body>
<button class="reset">reset</button>
<nav>
<button class="on">test</button>
</nav>
<div class="cont"></div>
<script>
</script>
</body>
</html>