2013-09-23 2 views
1

을 파괴 할 수 없습니다jQuery를 Qtip2 나는이 코드를 가지고 그것을

HTML :

<div id="test">Test</div> 
<br /> 
<a id="create">Create</a><br /> 
<a id="destroy">Destroy</a> 

자바 스크립트 : 우리가 클릭하면

$('#create').click(function() { 
    $('#test').qtip({content:'test',show: {delay: 0,ready: true,effect: false},hide: false}); 
}); 

$('#destroy').click(function() { 
    $('#test').qtip('destroy'); 
}); 

가 "에 다음"작성 " 파괴 "를하면 정상적으로 작동하고 qtip이 나타나 파괴됩니다. 그러나 "작성"을 두 번 클릭하고 "파괴"를 클릭하면 qtip이 파괴되지 않습니다.

다음

가 jsfiddle을 테스트합니다 : http://jsfiddle.net/7QmZj/

사람이 왜 아이디어가? 감사합니다.

+0

당신이 많은 qtips를 만들기의 가능성을 찾고 계십니까? 아니면 단지 하나만으로 제한하고 싶습니까? 많은 qtips를 만들고 싶다면 파괴를 클릭하면 모두 파괴 할 것입니까? – JofryHS

+0

페이지에 여러 개의 질문이 있지만 요소별로 하나씩 만 표시됩니다. – Etienne

+0

그 경우 @ numbers1311407의 답변은 귀하의 케이스에 적합합니다 – JofryHS

답변

2

확인하여 작성합니다

if ($("#test").data("qtip")) return; 
+0

고맙습니다. 문제가 해결되었습니다. 완벽하게 작동! – Etienne

1

다른 요소에 대해 페이지에 여러 개의 Qtips가 표시됩니까? 그렇지 않은 경우 Create를 두 번 이상 클릭하면 페이지에서 모든 질문을 제거하는 솔루션이 있습니다.

$('#destroy').click(function() 
     { 
     $("div[id^=qtip-]").qtip('destroy'); 
     }); 

"파괴"비트를 광산으로 바꿉니다.이 기능이 작동하는지 알려주세요. 전에,이 같은 또 다른를 만들기 전에이 qtip의 존재에 대한