javascript - 如何编辑此 jquery 代码以在页面加载时自动打开菜单？

Question

我正在使用在网络上找到的 nav.js，并希望向其中添加一些 JavaScript，以便在页面加载时自动打开菜单。我不太擅长 js，我尝试将“open”类添加到我的一个类别中，但它似乎没有做任何事情。我怀疑我需要复制现有的代码，添加一些关于它在页面加载时执行的内容，然后添加“打开”就可以了。

这是我的js

$(document).ready(function(){
    $("#nav > li > a").on("click", function(e){
        if($(this).parent().has("ul")) {
          e.preventDefault();
        }

        if(!$(this).hasClass("open")) {
          // hide any open menus and remove all other classes
          $("#nav li ul").slideUp(350);
          $("#nav li a").removeClass("open");

          // open our new menu and add the open class
          $(this).next("ul").slideDown(350);
          $(this).addClass("open");
        } else if($(this).hasClass("open")) {
          $(this).removeClass("open");
          $(this).next("ul").slideUp(350);
        }
     });
 });

有人可以帮忙吗？

Answer 1

$("#nav").find("li").has("ul").first().find('> a').click();
//          ^ -- more efficient to select by ID then filter
//                    ^ -- filter for submenu items only
//                               ^ -- only need the first one
//                                         ^ -- find the link
//                                                  ^ -- trigger the click 

您可以通过编程方式触发点击处理程序。
将其添加到现有代码之后(但在就绪处理程序中)