2012-03-05 2 views
-1

내 페이지의 모든 href 링크에 클래스 이름을 사용하고 있습니다 (예 : ). 클래스 선택기가 AJAX를 통해로드 된 툴팁 내용에서 작동하지 않습니다.

<a href="https://mysite.com" class="ajax"> 

그리고 페이지를 새로 고치지 않고 내용을로드하는 클래스를 선택

,

$(".ajax").on('click',function() { 
    event.preventDefault(); 
    return false; 
    var t = $(this).attr("href"); 
    History.pushState(null, 'TEST', t); 
}); 

을하지만 툴팁에 내용을로드 할 때, 작동하지 않습니다.

document.ready 상태의 코드를로드 된 툴팁 내용에 추가하려고했지만 작동하지 않았습니다.

어떻게 할 수 있습니까?

감사

P.S : 나는 스쳐 플러그인 내 모든 툴팁 솔루션을 사용하고 있습니다. 당신은 기록 기능이 실행되기 전에,로 preventDefault 충분해야하지만, 이벤트를 필요로하는 함수에서 "E"(예) 알 false를 반환하는

+0

코드'후 반환 FALSE '는 실제로 실행되지 않습니다. 함수의 최신 명령문으로 이동하고 작동하는지 확인하십시오. –

답변

1

:

$(document).on('click', '.ajax', function(e) { 
    e.preventDefault(); 
    var t = $(this).attr("href"); 
    History.pushState(null, 'TEST', t); 
}); 
+0

History.js 플러그인은 다음과 같이 문서화합니다. var History = window.History; // 참고 : 우리는 더 낮은 h 대신에 자본 H를 사용합니다 –

+0

아, 알겠습니다. 그러면 플러그인입니다. 따라서 자본 H를 사용해야합니다. 네이티브 window.history는 자본 H가 아닙니다. 변경했습니다! – adeneo

+0

나는 시험해 보았다. 그러나 동적으로로드 된 콘텐츠의 링크는 여전히 페이지를 새로 고칩니다. S –

1

당신이 한 번 return false; 당신의 함수는 그 시점에서 즉시 종료됩니다. 그래서 같은

구조 그것은 :

$(".ajax").on('click',function() { 
    History.pushState(null, 'TEST', $(this).attr("href")); 

    return false; 
}); 
+0

시도했습니다. 그러나 아직도 doesnt 일. 그것은 동적으로로드 된 내용의 링크를 클릭하면 페이지를 새로 고칩니다. –

+0

@ adeneo의 대답을 시도하십시오. – Blender

관련 문제