2011-05-02 6 views
0

Jquery 플러그인을 사용하여 태그에 툴팁을 표시했지만 이제 웹 사이트에 ajax 요청을 추가했습니다. 그래서, (아약스를 통해) 새로운 링크를 요청하면 툴팁 플러그인이 링크에서 작동하지 않습니다.
나는 플러그인의 때문에이 것을 이해 : 나의 마우스 오버 기능을 가지게됩니다Jquery : ajax 요청 -> jquery 플러그인이 더 이상 작동하지 않습니다.

//Select all anchor tag with rel set to tooltip 
$('a[rel=tooltip]').mouseover(function(e) 


... 

자바 스크립트를 다시로드 할 수있는 솔루션이 있나요? 아약스 요청에 추가 할 내용이 있습니까? 감사합니다. .

편집 : 여기 내 script입니다.

+0

'$ ('[rel = "tooltip"] ')'속성 값을 인용해야합니다. – ThiefMaster

답변

1

플러그인 설명서에서 제안하는 것과 동일한 초기화 코드를 사용하여 DOM을 다시 실행해야합니다.

+0

더 나은 시야를 위해 편집 됨 – eouti

3

jQuery에서 .live()을 살펴보십시오. here 이것은 문서 실행 기간 동안 추가 된 요소뿐만 아니라 실행시 DOM에있는 요소에 대한 이벤트에 바인딩됩니다.

+0

어떻게 작동하는지 모르십니까? 편집에 내 스크립트를 게시했습니다 – eouti

+0

@eouti : 그럼 그것에 대해 배우십시오. @David는 문서에 대한 링크를 제공했습니다. – Nick

+0

@eouti : 일반적으로 jQuery 객체에서'.mouseover (function()) '을 호출 할 경우'.live ('mouseover ', function())를 호출하여 이벤트를 바인드합니다. 차이점은 나중에 DOM에 추가되는 요소에 바인딩된다는 것입니다. – David

0

개체에 이벤트를 바인딩하려면 .delegate() 또는 .live() 메서드 (대리자가 조금 낫다)를 확인하십시오.

이 링크를 확인하십시오, 그것은 당신에게 라이브 ans 대표 간의 차이점을 설명합니다. 당신의 패턴에 의해

http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/

새로운 DOM 객체 참조는 이벤트를 발생해야합니다.

Rgds

+0

더 많은 이해를 위해 스크립트를 게시했습니다 – eouti

+0

@eouti 내가 수정 한 [스크립트] (http://codeviewer.org/view/code:1a23)를 확인하십시오. 나는 whith .live() 메소드를 만든다. – Gyzmau

+0

아약스 호출이 더 이상 작동하지 않습니다 ... – eouti

관련 문제