2013-07-01 2 views
0

탭 전환 - 페이지 URL이있는 페이지를로드하는 중 서버로 AJAX 호출을하는 스위치 탭. 두 번째 탭 스위치가 자동 새로 고침으로 인해 첫 번째 탭으로 돌아간 후 모든 탭에 대해 자동 새로 고침이 있다고 가정 해 보겠습니다. 하나의 탭 안에 AJAX를하고있는 많은 탭이 있기 때문에 이것이 어떻게 적절히 처리되어야하는지 알려주세요.JQM - 탭 스위치 및 자동 새로 고침

+0

와우는 '자동 새로 고침으로 인해 두 번째 탭 전환 후 첫 번째 탭으로 돌아갑니다.'- 어떻게 자동 새로 고침을 수행하고 있습니까? –

답변

0

단순히 모든 탭을 사용하면 일부 데이터가 data-target="mypage.html"

같은 속성을 다음 그냥 처리 할 추가 할 수있는 모든 탭 링크를

을 클릭하여 메뉴와 재로드 콘텐츠에 탭 이벤트 처리기를 추가 :

$("#mymenu a").on('tap', tapHandler); 

function tapHandler(event) { 
    var target = $(this).attr("data-target"); 

    $.get(target, function(data) { 
     $('#my_content_div').html(data); 
     $("#my_content_div").trigger("create"); // trigger pagecreate instead if loaded content includes headers or footers 
    }); 

    return false; 
} 
+0

주어진 솔루션은 하나의 탭을로드하기위한 것입니다. 페이지가 30 초마다 자동으로 새로 고쳐지면 어떻게해야합니까? 아약스를 사용하여 데이터를로드하기 때문에 두 번째 탭으로 이동해도 url은 바뀌지 않습니다. 페이지가 자동으로 새로 고침되면 지금보고있는 현재 탭을 새로 고쳐야합니다. – user694688

+0

'$ .get'은 ajax btw를 줄이는 것입니다. 30 초마다 새로 고침하기 만하면 js'setInterval()'내부에서 ajax 요청을 얻습니다 : setInterval (yourrequest, 30000); –

+0

그리고 그 방법은 모든 탭을로드 할 때 작동합니다. 1 만 아니라'$ ("#mymenu a") .on ('tap', tapHandler);을 선택하면 메뉴 div 안에 모든 이 포함됩니다. 자식 탐색 모음, 그냥 똑같이하십시오. –