Javascript 如何在页面加载时调用菜单功能？

在我的一个项目中，我研究了应该加载不同容器的函数。此功能在用户单击菜单上的每个项目后工作。现在，我希望能够在页面加载时在该函数中传递一个参数，并能够加载所需的容器。以下是我的函数示例：

$（“#主菜单li a”）。在（'click'，主菜单）上；
功能主菜单（）{
var containerID=$（this.attr（'data-container'）；
$（this）.parent（）.addClass（'active'）.sides（）.removeClass（'active'）；
$（“#主容器>div[id=“”+containerID+”）.show（）；
$（“#主容器>div:not（[id=“”+containerID+“]））.hide（）；
}

#主容器>div:not（[id=“container1”]）{
显示：无；
}

主菜单











容器1
容器2
容器3
容器4

$（文档）.ready（函数（）{
$（“#主菜单LIA”）。在（'单击'，主菜单）上；
功能主菜单（）{
var containerID=$（this.attr（'data-container'）；
$（this）.parent（）.addClass（'active'）.sides（）.removeClass（'active'）；
$（“#主容器>div[id=“”+containerID+”）.show（）；
$（“#主容器>div:not（[id=“”+containerID+“]））.hide（）；
}
//找到菜单
$（“#主菜单”）
//查找与所选节相关的嵌套链接
//要在页面加载时显示吗
.find（'a[data container=“container2”]”）
//触发单击，使主菜单方法适用于它
.trigger（'click'）；
});
#主容器>div:not（[id=“container1”]）{
显示：无；
}

主菜单











容器1
容器2
容器3
容器4