为jquery创建菜单栏链接tabify div id

时间:2013-06-19 15:41:33

标签: jquery html

我计划在我的项目中使用 jquery tabify ,所以我创建了tabify以下代码

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">First</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
    <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
<script>
<script type="text/javascript">
    $(document).ready(function(){
      $("#tabs").tabs();
      if($("#tabs") && document.location.hash){
            $.scrollTo("#tabs");
        }
      $("#tab ul").localScroll({ 
        target:"#tabs",
        duration:0,
            hash:true
        });
    });
  </script>

这没有任何问题..感谢jquery标签。

但目前我需要在菜单链接中传递此标签页

所以创建了像这样的菜单链接

<nav>
<ul>
<li><a href="index.html" >Home</a></li>
            <li><a href="contact.html" >Contact US</a></li>
<li><a href="about.html" >About Us</a>
                  <ul>
                  <li><a href="about.html#company"> Company Review</a></li>
                <li><a href="about.html#vision">Our Vision</a></li>


              </ul>
                </li>

</ul>
</nav>

菜单clik上的关于我们公司链接(about.html#companny & about.html#vision)不起作用

我需要做些什么才能让它发挥作用?感谢。

0 个答案:

没有答案