使用idTabs插件做选项卡式导航,有个问题,求高手指导

Kensky 发布于 2011/08/29 15:15
阅读 1K+
收藏 0
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script> 

  <div id="adv0">
      <ul>
        <li class="focus"><a class="selected" href="#ani1">网站首页</a></li>
        <li><a href="#ani2">总队概况</a></li>
        <li><a href="#ani3">信息公开</a></li>
        <li><a href="#ani4">网上办事</a></li>
        <li><a href="#ani5">公众参与</a></li>
        <li><a href="#ani6">总队业务</a></li>
        <li><a href="#ani7">专题专栏</a></li>
      </ul>
      <div>
        <div class="subNav">
          <div id="ani1">内容1</div>
          <div id="ani2"><a href="#">内容3</a></div>
          <div id="ani3"><a href="#">内容3</a> </div>
          <div id="ani4"><a href="#">内容4</a></div>
          <div id="ani6"><a href="#">内容5</a> </div>
          <div id="ani7"><a href="#">内容6</a></div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
 $("#adv0").idTabs(function(id,list,set){
    $("a",set).removeClass("selected")
    .filter("[rel='"+id+"']",set).addClass("selected");
    for(i in list)
      $(list[i]).hide();
    $(id).fadeIn();
    return false;
  });
   $("#adv0").idTabs("!click");
</script> 

代码大致是上面这样,这样是可以点击切换没有问题。 但问题来了,我要使得导航里的链接可以跳转就没有办法了,因为这个单击事件已经被绑定到idTabs的click事件里头,那要怎么办呢?

还有一个问题是,二级菜单中的链接也不能点击,点击会导致菜单被隐藏,这可要如何处理!

难道idTabs不适合做导航吗?

加载中
0
GF
GF

二级菜单的链接写了路径应该是可以的,不能写"#"

返回顶部
顶部