jQuery on(バインドイベント)の前にoff(イベントの削除)を忘れないでください.

1217 ワード

くだらないことを言わないで直接コードをつけて、使う自分で実行して効果を見ます



	


	<button id="add-event-more">    SayHello  </button>
	<button id="add-event-one">      SayHello  </button>
	<button id="say-hello">Say Hello</button>
<script type="text/javascript" src="jquery-2.1.4.min.js"/>
<script type="text/javascript">
	$(document).ready(function () {
		var iCount = 0;
		function sayHello() {
			alert("Hello!");
		}
		//   Click1 ,       (   )
		$('#add-event-more').on('click', function () {
			iCount = iCount + 1;
			$("#say-hello").html("Say Hello" + iCount + " ");
			$("#say-hello").on("click", sayHello);  //      (     )
		});
		//       1   
		$('#add-event-one').on("click", function () {
			$('#say-hello').html("Say Hello 1 ");
			$("#say-hello").off('click').on('click', sayHello);  //       (      ),     
		})
	})
</script>

</code></pre> 
  <br/> 
 </div> 
</div>
                            </div>
                        </div>