Javascript jquery mega下拉菜单插件（dcMegaMenu）如何将事件悬停更改为单击窗口大小

jquery mega下拉菜单插件： （）

大家好， 我正在使用jquery mega下拉菜单插件开发一个响应迅速的网站

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

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

试试这句话：

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

jQuery（文档）.ready（函数（$）{
如果（$（窗口）.width（）<980）{
jQuery（“#mega menu”）.dcMegaMenu({
事件：“单击”
});
}
});

或在调整窗口大小时：

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

jQuery（窗口）。调整大小（函数（$）{
如果（$（窗口）.width（）<980）{
jQuery（“#mega menu”）.dcMegaMenu({
事件：“单击”
});
}
});

祝你好运

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

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

1）根据宽度创建一个函数来初始化mega菜单（在这种情况下，如果宽度超过966px，将启动mega菜单）

2） 在文档就绪和窗口调整大小时调用init_megamenu（）函数

$(document).ready(function() {
    // desktop menu
    init_megamenu();
});

$(window).resize(function() {
    // desktop menu
    init_megamenu();
});

---

不工作。我试过了。可能是因为在页面加载时，它已经加载了事件：“hover”。当调整它的大小仍然悬停事件时，我已经设置了$（window）.width（）<980…只要在窗口调整大小时重新加载页面即可。使用$（window）.resize（）方法。已尝试。通过重新加载/刷新页面，它可以正常工作，但在调整窗口大小时无法正常工作。是否有任何方法“杀死”dcMegaMenu（），然后再次调用它或其他什么？不知道，但您可以使用attr（）方法删除id=“megamenu”以“禁用”dcMegaMenu（）；然后将其设置为再次启用dcMegaMenu（）。

$(document).ready(function() {
    // desktop menu
    init_megamenu();
});

$(window).resize(function() {
    // desktop menu
    init_megamenu();
});