代码之家  ›  专栏  ›  技术社区  ›  forrest

jquery导航-需要帮助

  •  1
  • forrest  · 技术社区  · 16 年前

    我正在做一个 site 具有相当大的手风琴式导航(它不使用手风琴用户界面)。

    有四个子菜单部分在单击时切换打开。我突出显示了活动链接。剩下的一个步骤是在子菜单中的页面上时保持当前活动子菜单打开。我可以在处理静态页面时保持它的打开状态,但是在这个站点上,导航是一个包含文件,因此我需要一些帮助来制定一个动态的方法来保持这些部分的打开状态。

    下面是我使用的代码:

    <script type="text/javascript">
    $(function(){
    
    $('ul#menu3 ul').hide();                
    $('ul#menu3 > li > a.drop').click(function(){
    $(this).parent().children('ul').toggle("slow");
       return false;
       });                      
    });
    </script>
    

    基本上,我需要的是将类应用于活动组以便它显示出来的某种方法。任何帮助都将不胜感激。

    谢谢。

    3 回复  |  直到 16 年前
        1
  •  0
  •   Chris M    16 年前

    我将把子菜单动画放到一个函数中,所以要调用子菜单,您可以在a href上使用

    onclick="showSubMenu('id')"
    

    这个函数可以处理滑入。然后,一旦点击一个需要子菜单出现的页面,只需在页面末尾添加一个小的

    <script>document.ready(function() {showSubMenu('parent-id')});</script>
    

    希望这有帮助。

    C

        2
  •  0
  •   matpol    16 年前

    您可能需要动态地将类作为一个变量或在它自己的元素上应用。例如

    var page = 'ul#menu3';
    

    然后使用此变量触发初始状态,例如

    $('#ul#menu3').show();
    

    这需要在所有其他与下拉列表相关的javascript之前运行。

        3
  •  0
  •   forrest    16 年前

    这就是我用来解决问题的方法:

    $(function(){
    $('#mainContentTabs').tabs();
    $('#subContentTabBoxes').tabs();
    $('.interior #subContent > ul > li > a.drop').click(function(){
    $(this).parent().children('ul').toggle("slow");
         return false;
    });
    
    $(window).ready(function() {
    $('li.products ul').show();
        $('li.technical ul').show();
        $('li.tips ul').show();
    $('li.quicklinks ul').show();
    });
    

    谢谢。