탭 전환 - 페이지 URL이있는 페이지를로드하는 중 서버로 AJAX 호출을하는 스위치 탭. 두 번째 탭 스위치가 자동 새로 고침으로 인해 첫 번째 탭으로 돌아간 후 모든 탭에 대해 자동 새로 고침이 있다고 가정 해 보겠습니다. 하나의 탭 안에 AJAX를하고있는 많은 탭이 있기 때문에 이것이 어떻게 적절히 처리되어야하는지 알려주세요.JQM - 탭 스위치 및 자동 새로 고침
답변
단순히 모든 탭을 사용하면 일부 데이터가 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;
}
주어진 솔루션은 하나의 탭을로드하기위한 것입니다. 페이지가 30 초마다 자동으로 새로 고쳐지면 어떻게해야합니까? 아약스를 사용하여 데이터를로드하기 때문에 두 번째 탭으로 이동해도 url은 바뀌지 않습니다. 페이지가 자동으로 새로 고침되면 지금보고있는 현재 탭을 새로 고쳐야합니다. – user694688
'$ .get'은 ajax btw를 줄이는 것입니다. 30 초마다 새로 고침하기 만하면 js'setInterval()'내부에서 ajax 요청을 얻습니다 : setInterval (yourrequest, 30000); –
그리고 그 방법은 모든 탭을로드 할 때 작동합니다. 1 만 아니라'$ ("#mymenu a") .on ('tap', tapHandler);을 선택하면 메뉴 div 안에 모든 이 포함됩니다. 자식 탐색 모음, 그냥 똑같이하십시오. –
- 1. jQM listview ('새로 고침');
- 2. 아코디언의 자동 새로 고침 탭 숨기기
- 3. Internet Explorer의 자동 새로 고침 HTML 탭
- 4. 자동 탭 스위치
- 5. 신속한 자동 새로 고침
- 6. AJAX 및 자동 새로 고침
- 7. 사이트 탭 새로 고침
- 8. xcode에서 탭 새로 고침?
- 9. 모든 탭 새로 고침
- 10. SSRAS 자동 새로 고침 및 자동 페이징
- 11. jquery (JQM) 양식 요소 새로 고침
- 12. jQuery 탭 콘텐츠 오버플로 + 높이 스타일 새로 고침 및 새로 고침 탭
- 13. 자동 새로 고침 MVC보기
- 14. PHP에서 자동 새로 고침
- 15. 자동 새로 고침 DIV
- 16. 텍스트보기의 자동 새로 고침
- 17. 새로 고침 페이지 자동
- 18. div의 자동 새로 고침
- 19. 자동 새로 고침 버튼?
- 20. Django. 자동 새로 고침
- 21. 자동 새로 고침 jQuery를
- 22. 자동 새로 고침 Google지도
- 23. 설치시 자동 새로 고침
- 24. 페이지 자동 새로 고침
- 25. 자동 새로 고침
- 26. GWT 자동 새로 고침
- 27. 창 자동 새로 고침
- 28. 자동 새로 고침 캐시
- 29. 사이트 자동 새로 고침
- 30. DIV 자동 새로 고침
와우는 '자동 새로 고침으로 인해 두 번째 탭 전환 후 첫 번째 탭으로 돌아갑니다.'- 어떻게 자동 새로 고침을 수행하고 있습니까? –