jquery pjax + jquery tipsy 클릭 후 마우스 아웃시 툴팁이 숨겨지지 않습니다.

Question

pjax 링크에서 jquery.tipsy를 사용하면 클릭 한 후에 툴팁이 숨겨지지 않습니다.

클릭 한 후 mouseout 이벤트가이 요소에서 연결되지 않은 것이므로 문제가있는 것일 수 있습니다. 기운 https://github.com/defunkt/jquery-pjax

JQuery와 : http://onehackoranother.com/projects/jquery/tipsy/

편집 : 같은 결과 live: true가 기운에 추가 한 경우() 여기

내가 pjax & 기운()

$(function() { 
    $('[data-pjax]').pjax('#offer-table', {timeout: 100000}) 
}) 


<script type='text/javascript'> 
    $('a.tipsy').tipsy({delayIn: 500}); 
</script> 

JQuery와 - pjax로드 방법 .

Answer 1

비슷한 문제가 있습니다. 페이지는 <div data-pjax-container>의 내용에 대해 pjax를 사용합니다. 컨테이너 안의 요소는 mousehover에서 표시되고 mouseout에서 숨겨집니다. pjax 변경을 트리거 한 다음 요소가 변경되는 동안 마우스를 가져 가면 더 이상 마우스 아웃 할 요소가 없으므로 숨기기를 절대 사용할 수 없습니다.

PJAX_TIPSY_CLASS = "pjax-tipsy" 

$element.tipsy(live: true, className: PJAX_TIPSY_CLASS) 

# pjax changes could leave a tipsy up from the old page. 
$pjaxContainer = $('[data-pjax-container]') 
$pjaxContainer.bind 'pjax:end', -> 
    $(".#{PJAX_TIPSY_CLASS}").remove() 

또는 자바 스크립트로 :

이

내가 커피 스크립트와 같은 일을 결국 무엇

var PJAX_TIPSY_CLASS = "pjax-tipsy"; 

$element.tipsy({ live: true, className: PJAX_TIPSY_CLASS }); 

var $pjaxContainer = $('[data-pjax-container]'); 
$pjaxContainer.bind('pjax:end', function() { 
    $("." + PJAX_TIPSY_CLASS).remove(); 
});