복제 후 jQuery 충돌

Question

제목과 물음표를 복제하고 싶습니다. 모든 것이 작동하지만 새로운 물음표 위로 마우스를 가져 가면 첫 번째 물음표에 툴팁이 나타납니다. 어떤 생각? 내가 jQuery를하고 기운 툴팁을 사용하고

.

Demo here

<div id="me">click here</div> 
<ul id="cloneme"> 
    <li> 
     <p class="help-mark" original-title="it's me tipsy">?</p> 
    </li> 
</ul> 


$('#me').on('click', function(){ 
    $('ul#cloneme li:first-child').clone(true).appendTo('ul#cloneme') 
}) 

$(".help-mark").tipsy({  
      fade: true, 
      offset: 10, 
      opacity: 1, 
      gravity: 'nw' 
     }); 

Demo

Answer 1

당신이해야 할 (위 Kierchon에 의해 언급 된 이유)이 아니라 단지 새로운 <li> 요소를 생성 복제를 사용하고 그것을 추가하지 않는 것입니다 <ul>.

jsFiddle here

이 작동 :

$('#me').on('click', function(){ 
    $('ul#cloneme').append('<li><p class="help-mark" original-title="another one">?</p></li>'); 
    $(".help-mark").tipsy(); 
}); 

$(".help-mark").tipsy({  
    fade: true, 
    offset: 1, 
    opacity: 1, 
    gravity: 'nw' 
}); 

---

이삭 (OP)이 제안이 수정 - 좋은 생각 :

$('#me').on('click', function(){ 
    $('ul#cloneme').append($('ul#cloneme li:first-child').html()); 
    $(".help-mark").tipsy(); 
}); 

Answer 2

내가 여러 질문이 가정을 각각의 고유 ID가있는 여자 이름. 이 경우에 문제점을
당신이 calss 속성으로 tipsy 호버를 요구하고있다,하지만 당신은 id을 사용해야한다는 것입니다. 이러한 모든 질문의 원인은 동일한 클래스 이름 help-mark이므로 tipy를 호출 할 때이 클래스 이름을 가진 첫 번째 객체가 호출됩니다.

그래서 당신의 코드는 다음과 같아야합니다

<div id="me">click here</div> 
<ul id="cloneme"> 
    <li> 
     <p class="help-mark" id="the_question_id" original-title="it's me tipsy">?</p> 
    </li> 
</ul> 

을 한 후 사용 id 대신이 같은 class 다음 the_question_id 그 질문