jqtouch에서 탭 컨테이너 (jquery organic tab http://css-tricks.com/organic-tabs/)를 구현하려고합니다. 나는 탭이 지정된 컨테이너에있는 내용만을 탭으로 만들고 싶습니다. 문제는 내가 jqtouch의 기본 링크 동작을 무시할 수 없다는 것입니다. 사용자가 탭 링크를 클릭하면 탭 컨텐트를 표시하는 대신 자동으로 빈 페이지로 전환됩니다.jqtouch 탭 페이지 컨테이너
짧게 말해 jqtouch는 앵커를보고 기본적으로 새 페이지로 바꾸기 때문에이 경우 현재 페이지에 내용을 표시하고 싶습니다.
감사합니다.
jQTouch는 웹 사이트의 모바일 버전으로 생각됩니다. 당신에게 약간의 일을 남기려면 일부 위대한 기능을 구현 alredy 있습니다. 불행히도 일부 기능은 사용자에게 유용하지 않습니다. 귀하의 경우에는 페이지 변경을 방지하기 위해 각 탭에 대해 jquery 함수를 지정해야한다고 생각합니다. 내가 사용하는 코드가 도움이되기를 바랍니다.
$('.contents').hide(); // hide all contents in page load
$(document).ready(function(){
$('#tab1'.).click(function(){
$('.contents').hide(); // hide the current contents
$('#content1').show(); // show the current contents of your tab
}
});