我的网站基于WordPress，页面通过点击菜单上的ajax加载。
我的菜单是垂直的，带有固定面板类型的侧边栏。
当在网站上单击菜单图标时，菜单面板将显示，并在单击链接/菜单后隐藏。
我的问题是，点击面板上的菜单/链接后，页面通过ajax加载，加载页面后，菜单按钮不起作用，面板不再打开。我已经尝试过了：
jQuery(document).on('click'，'＃menu'，function(){//这里的代码}};
这是我的JS代码。请检查并告诉我这里我做错了什么？
// Dropdown Menu Code for vertical menu panel
jQuery(document).ready(function(){
jQuery("li.menu-item-has-children ul").hide();
});
jQuery(document).on("click", "li.menu-item-has-children a", function() {
jQuery(this).next("ul").toggle();
});
// This jQuery code For Automaticly Hide Panel after onclick a link
jQuery(document).on('click','li.menu-item a', function(){
var href = jQuery(this).attr('href');
// If link has no value then don't jQuery will don't tigger
if (href === undefined || jQuery.trim(href) === '') {
//event.preventDefault();
console.log('No href value');
}else{
jQuery('section.side_menu').removeClass('open-menu');
jQuery('#side_menu_button_links').removeClass('open');
}
});
// Menu button on click panel will open/close
jQuery(document).on('click','#side_menu_button_links', function(){
if(jQuery(this).hasClass('open')){
jQuery(this).removeClass('open');
jQuery('section.side_menu').removeClass('open-menu');
}else{
jQuery(this).addClass('open');
jQuery('section.side_menu').addClass('open-menu');
}
});
//Close Menu on click Panel X icon.
jQuery(document).on('click','a.close_my_menu', function(){
jQuery('section.side_menu').removeClass('open-menu');
jQuery('#side_menu_button_links').removeClass('open');
});
以下是HTML步骤
**菜单按钮代码。单击此打开的面板**
面板HTML代码
扫一扫
2719
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
