我有一个带有标签的页面我不希望div仅在单击时加载页面
<div data-role="tabs" id="tabs" >
<div data-role="navbar">
<ul>
<li><a id="1" href="#one" data-ajax="false">1</a></li>
<li><a id="2" href="#two" data-ajax="false">2</a></li>
</ul>
</div>
我用它来隐藏标签:
<script>
$( document ).ready(function() {
$("div#one").hide();
});
</script>
问题是如果我尝试打开第一个标签,则没有任何反应。我认为它已经开放了。 (点击#two
后第一个标签正常工作)
有没有办法将标签设置为不在加载时显示?
编辑:
http://jsfiddle.net/b9bafuu4/6/
选项卡1显示为页面加载ID,如页面加载时显示的非页面加载ID
答案 0 :(得分:0)
这是你想要实现的目标吗?看到这里 - &gt; JSFIDDLE
JS
$(function(){
$('[href="#one"]').click(function(){
$('#one > ul').css('display','block');
});
});
CSS
#one > ul{
display: none;
}