Question

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

嗨，大家好，我正在使用http://www.designchemical.com的jquery mega下拉菜单插件处理响应式网站。

在桌面上，默认情况下全宽窗口（宽度超过980px）我在插件选项中使用事件：“hover”。但是我需要一个关于如何更改为事件的解决方案：当窗口大小低于980px宽度时“点击”？

希望在这里找到解决方案。非常感谢！

Answer 1

试试这句话：

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'
        });
       }
    });

祝你好运！

Answer 2

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

事件：'click'仅适用于水平的大型菜单。在垂直的大型菜单中没有点击选项。

Answer 3

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();
});

jquery mega下拉菜单插件（dcMegaMenu）如何更改事件悬停点击窗口调整大小

3 个答案: