html:
<div class="box">
<div><p>Hello World</p></div>
</div>
<input type="button" id="add" value="Add" />
jquery:
$(document).ready(function(){
var count = 0;
$("#add").click(function(){
$(".box").append('<div id="'+count+'"><button type="button" class="close">× </button></div>');
count++;
$(".close").click(function(){
alert("hi");
});
});
});
追加をクリックすると、ボタンが次々に追加されます。id = 0でクラスcloseの最初のボタンをクリックすると、ボタンが以前に追加された回数だけアラートボックスが表示されます。
つまり、5つのボタンを追加し、その(id = 0)を閉じると、アラートボックスが5回表示されます。
id = 1の場合、
id = 2の4倍、
id = 3の3倍、id = 4の2倍
、1回
JQueryのクローズクリック関数をJQueryの追加関数の外に置くと、アラートボックスがまったく表示されません。
閉じるボタンを押すたびにアラートボックスを1回だけ表示するにはどうすればよいですか?
申し訳ありませんが、他の人が理解できる方法で説明したことを願っています。どんな助けでもありがたいです!