Question

当mega菜单处于活动状态时，我正在尝试覆盖整页。我正在尝试这样的事情：

jQuery(document).ready(function($) {  

$('#twc-page-overlay').hide();
$("div").click(function(){
   if ( $('.mega-menu-item').is('.mega-toggle-on') ) {
       $('#twc-page-overlay').show();
   }
   else {
    $('#twc-page-overlay').hide();
   }
});

});

我得到了＆＃34;如果＆＃34;工作，但是＆＃34; else＆＃34;有问题，因为一旦div没有.mega-toggle-on，div就会一直显示。

任何帮助都会非常感激。

谢谢！

Answer 1

而不是：

if ( $('.mega-menu-item').is('.mega-toggle-on') ) {
    $('#twc-page-overlay').show();
}
else {
    $('#twc-page-overlay').hide();
}

你可以这样做：

if ( $('.mega-menu-item').hasClass('mega-toggle-on') ) {
    $('#twc-page-overlay').toggleClass('show');
}

的CSS：

#twc-page-overlay {
    display: none;
}

.show { 
    display: block; 
}

如您所见，默认情况下隐藏#twc-page-overlay。触发切换时，会显示。

否则不工作

1 个答案: