Question

Heelo大家，我之前从未使用过javascript，而且我正在开发手风琴菜单。当我使用单击功能时它工作正常。但是当我尝试使用class =“active”的li a加载页面时，上面的函数不起作用。我是不是很好地使用了就绪功能？

希望得到一些帮助。谢谢！

<script>
    $(document).ready(function () {
      $('#nav > li > a').click(function(){
        if ($(this).attr('class') != 'active'){
          $('#nav li ul').slideUp();
          $(this).next().slideToggle();
          $('#nav li a').removeClass('active');
          $(this).addClass('active');
        }
      });
      $('#nav > li > a').ready(function(){
        if ($(this).attr('class') == 'active'){
            $('#nav li ul').slideUp();
          $(this).next().slideToggle();

        }
      });
    });
    </script>

Answer 1

试试这个：

$('#nav > li').each(function(){
    if($(this).find('a').hasClass('active')){
        $(this).find('ul').slideDown();
    }
});

或

$('#nav > li > a').each(function(){
    if($(this).hasClass('active')){
        $(this).parent().find('ul').slideDown();
    }
});

而不是这个

$('#nav > li > a').ready(function(){
    if ($(this).attr('class') == 'active'){
        //your code here
    }
 });

Fiddle

解决自动加载javascript菜单

1 个答案: