2009-07-02 3 views
0

탭에 새 페이지를로드 할 때 $() 내에 포함 된 jquery 스크립트가 트리거되지 않습니다. 더 나은 해결책이 있습니까?jquery tab ajax 새 페이지로드 중

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="ajax_page.html">Ajax Tab 1</a></li> 

    </ul> 
    <div id="tabs-1"> 
     <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> 
    </div> 
</div> 

두 번째 탭은 서버의 콘텐츠를 가져옵니다. ajax_page는 $ (function() { $ (# id) .dialog();에 jquery 스크립트를 가지고 있습니다 // 문서 준비 이벤트와 같이로드되지 않습니다 .. // 탭에서 트리거 됨 ...

}); THnks Coool

+0

몇 가지 코드 샘플을 보여줄 수 있습니까? 우리에게 일할 무언가를 주면 우리가 당신을 도울 수 있습니다. –

+0

그것은 FF에서 작동하지 않는 것 같습니다 ...하지만 IE에서 작동 ??? – coool

+0

나는 스크립트가 준비된 이벤트에서 실행되고 새 스크립트가 다운로드 될 때 페이지가 활성화 될 때 탭이 서버에서 탭으로로드 될 때 발생하는 질문이 있어야한다고 생각합니다. – coool

답변

1

당신은 메인 탭 페이지로 ajax_page에서 스크립트를 이동 한 다음 탭

예를 들어

$('.selector').tabs({ 
    load: function(event, ui) { 
    //check tab index is 1 (ajax_page) 
    if ($tabs.tabs('option', 'selected') === 1){ 
     //your script for ajax_page here 
    } 
    } 
}); 
에로드 된 페이지 후 호출하는 탭의로드 방법을 사용할 수 있습니다