Question

我的网页上有一个菜单，目前用户必须点击菜单标签查看它们，我希望其中一个菜单在网站启动时自动加载。

我将该标签命名为“Home”。

我应该在<body>标记中添加什么来实现它？

菜单项：

<body>
        <div id="mb_background" class="mb_background">
            <img class="mb_bgimage" src="images/default.jpg" alt="Background"/>
            <div class="mb_overlay"></div>
            <div class="mb_loading"></div>
            <div id="logoside"><img src="img/4yearslogoside.png"></div>

        </div>
        <div id="mb_pattern" class="mb_pattern"></div>

        <div id="mb_menu" class="mb_menu">
            <a id="home" href="#" data-speed="1000" data-easing="easeOutBack">בית</a>
            <a href="#" data-speed="1000" data-easing="easeOutBack">האנגר 17</a>
            <a href="#" data-speed="1000" data-easing="easeInExpo">טראנס ישראל</a>
            <a href="#" data-speed="1000" data-easing="easeOutBack">ליין-אפ</a>
            <a href="#" data-speed="1000" data-easing="easeInExpo">כרטיסים</a>
        </div>

The Webpage

Answer 1

尝试使用jquery的.trigger()函数模拟对该元素的点击：

$(document).ready(function(){
    $('#home').trigger('click');
});

确保在mb_menu项目附加了点击事件后添加触发器代码。

或者，为了减少额外的代码，你可以在你当前的事件处理程序中加一点 - 就像这样：

$menuItems.bind('click', function(e) { /* your current code here, no changes */ }).first().trigger('click');

Answer 2

$(document).ready(function () {
    $('#home').click();
}

上载菜单选项卡

2 个答案: