javascript - 页面打开时菜单打开(下拉)

Question

我目前正在使用名为 WallBase 的主题开发 WordPress，您可以在此处预览 http://demo.fabthemes.com/Wallbase/ .

当页面填充时，菜单会下拉。

我希望它保持关闭状态，我尝试了几种选择，但我不懂 JS，所以我无法解决我的问题，我认为它应该非常简单。

这是我找到的JS代码:

jQuery(document).ready(function() {

/* Navigation */
jQuery('#submenu ul.sf-menu').superfish({ 
        delay:       500,                               // 0.1 second delay on mouseout 
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation 
        dropShadows: true       // disable drop shadows 

    }); 

/* Menu Show/Hide */

jQuery("#botmenu").hide();
jQuery(window).load(function()  {
jQuery('#botmenu').slideDown(1000, function() {
    jQuery('.trig').addClass("trigu");
    });
});

jQuery('.strigger').toggle(function(){

    jQuery('#botmenu').slideUp(500, function() {
    jQuery('.trig').removeClass("trigu");
    });
    }, function(){
    jQuery('#botmenu').slideDown(1000, function() {
    jQuery('.trig').addClass("trigu");
    });
    });

我尝试过编辑js并在css中为.load和.slideDown添加display:none，但它不起作用。

请帮助我!!

Answer 1

看起来罪魁祸首的代码在这里:

jQuery(window).load(function()  {
jQuery('#botmenu').slideDown(1000, function() {
    jQuery('.trig').addClass("trigu");
    });
});

尝试将其注释掉，因为它似乎在加载窗口时立即激活。对我来说，夸张的标志至少是:jQuery(window).load(function()，用简单的英语来说，意思是“当窗口加载时，执行此操作”

/*
jQuery(window).load(function()  {
jQuery('#botmenu').slideDown(1000, function() {
    jQuery('.trig').addClass("trigu");
    });
});
*/

这可能无法完全解决问题，wallbase javascript 可能依赖于它。这意味着，您正在更改行为，并且主题可能会被设计为期望您删除的行为。