jQuery. append()가 콘텐츠를 복제합니까?

Question

나는 jQuery를의 VERI 기본 기능을 사용하고 있지만, 어떤 이유없이이 나는 실행 ... 두 번 같은 반복 것 :

jQuery("#commentrating").append('A'); 

그리고는 "AA"를 표시합니다 #commentrating 사업부 내부

.. ! 이 버그의 원인은 무엇입니까? Elsewere는 웹 사이트에서 잘 작동하지만 실제로 이해할 수는 없습니다.

이벤트는

PS 후론()가 아니라 버 그냥 ... ".ready (함수() {jQuery를 (문서)"그래서 다른 트리거 또는 interferring 기능이없는 후 소성 : S

Answer 1

은 아마이 이벤트 버블 링에 의한 것 (단지 추측 한 더 이상의 정보를 사용할 수 없기 때문에)

이 가정 :.

<script type="text/javascript"> 
jQuery(
    function($) 
    { 
    $('div') 
     .click(function(e) 
      { 
       $('span',this).append('A'); 
      } 
      ); 
    } 
); 
</script> 
<div><div><b>click here:</b><span></span></div></div> 

당신이 카스티 경우 ick을 클릭하면 내부 div에 거품이 생기고 외부 div에 거품이 생기면 함수가 2 번 실행됩니다.

이 사용 인 stopPropagation()을 방지하기 위해

<script type="text/javascript"> 
jQuery(
    function($) 
    { 
    $('div') 
     .click(function(e) 
      { 
       e.stopPropagation(); 
       $('span',this).append('A'); 
      } 
      ); 
    } 
); 
</script> 
<div><div><b>click here:</b><span></span></div></div>