Question

我正在使用dlmenu，它运行正常。

但我已经坚持了我的网站的顶线。我在移动设备上使用dlmenu，屏幕尺寸小于992px。当我滚动时，我看到粘贴的菜单，但是当我点击它时它不起作用。但是，如果我点击真实菜单（没有粘贴），它可以正常工作。

if($(window).width() < 992){
    $('#dl-menu').addClass('dl-menuwrapper');
    $('#dl-menu').removeClass('main-mnu');
    $('.headhesive--stick > #dl-menu').dlmenu();
    $('header .top-line #dl-menu').dlmenu();
};

我也试过这个

$('.headhesive #dl-menu .dl-trigger').click(function(){
$('.dl-menu').addClass("dl-menuopen");

}）;

但坚持菜单仍然无效。请帮忙。

指向网站的链接： http://tecrailway.com

Answer 1

它有2 #dl-menu但只有一个有事件监听器，请尝试使用setTimeout将监听器添加到第二个#dl-menu。

你重新创建#dl-menu吗？它不是有效的HTML，因为id只能是一个，所以我将监听器更改为类.dl-menuwrapper

setTimeout(function() {
  $('.dl-menuwrapper').dlmenu();
}, 999);

同一页面上的两个dlmenu不起作用

1 个答案: