如何编辑此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 

您可以通过编程方式触发点击处理程序。
在现有代码之后添加此代码（但在就绪处理程序中）

Answer 2

触发该菜单项上的click事件。

将此放入document.ready

$("#nav > li > a#yourID").trigger('click');

Answer 3

您可以将此文档称为内部文档

$("#nav > li > a").addClass("open").next("ul").slideDown(350);