jquery mega下拉菜单插件(dcMegaMenu)如何改变事件悬停点击窗口大小

jquery mega drop down menu plugin (dcMegaMenu) how to change event hover to click on window resize

本文关键字：事件 改变 窗口大小 悬停 下拉菜单 mega 插件 dcMegaMenu jquery 何改变      更新时间：2023-09-26

jquery mega下拉菜单插件:(http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/advanced-styling/)

嗨伙计们,我正在使用jquery mega下拉菜单插件http://www.designchemical.com响应式网站。

在桌面，默认情况下，全宽度窗口(宽度大于980px)，我在插件选项中使用event: "hover"。但我需要一个解决方案，如何改变事件:"点击"时，窗口大小低于980px的宽度?

希望在这里找到解决办法。很多谢谢!

试试这几行:

jQuery(document).ready(function($) {
   if($(window).width() < 980){
      jQuery('#mega-menu').dcMegaMenu({
         event: 'click'
    });
   }
 });

或者设置窗口大小:

    jQuery(window).resize(function($) {
      if($(window).width() < 980){
        jQuery('#mega-menu').dcMegaMenu({
           event: 'click'
        });
       }
    });

祝你好运!

$('#mega-menu-1').dcMegaMenu({
            rowItems: '3',
            speed: 600,
            effect: 'slide',
            event: 'click'
        });

event:'click'仅适用于水平mega菜单。在垂直mega菜单中没有点击选项

1)创建一个函数来初始化megamenu，根据宽度(在本例中，如果宽度大于966px，则megamenu将被启动)

function init_megamenu() {
    var w = $(window).width();
    if (w >= 966) {
        $('#mega-menu-9').dcMegaMenu({
            rowItems: '3',
            speed: 'fast',
            effect: 'fade'
        });
    }
}

2)调用init_megamenu()函数来调整文档准备和窗口大小

$(document).ready(function() {
    // desktop menu
    init_megamenu();
});
$(window).resize(function() {
    // desktop menu
    init_megamenu();
});
相关文章：