jqtouch - jqtouch标签页容器

Question

我正在尝试在 jqtouch中实现一个选项卡式容器（jquery 有机选项卡http://css-tricks.com/organic-tabs/ ）。我希望选项卡只标记指定容器中的内容。问题是我无法终生覆盖 jqtouch 的默认链接行为。当用户单击选项卡链接时，它会自动切换到空白页面，而不是显示选项卡式内容。

简而言之，jqtouch 会看到锚点并默认切换到新页面，在这种情况下，我希望在当前页面中显示内容。

谢谢 ！

Answer 1

jQTouch 被认为是移动版网站。为了给你留下更少的工作，一些伟大的功能已经实现。不幸的是，有些功能对您没有用处。在您的情况下，我认为您只需为每个选项卡分配一个 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
}
});