jquery移动标签不显示加载?

时间:2014-09-21 18:30:17

标签: javascript jquery html jquery-mobile

我有一个带有标签的页面我不希望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

1 个答案:

答案 0 :(得分:0)

这是你想要实现的目标吗?看到这里 - &gt; JSFIDDLE

JS

$(function(){
    $('[href="#one"]').click(function(){
        $('#one > ul').css('display','block');
    });
});

CSS

#one > ul{
    display: none;
}