javascript - Wordpress - 单击时自动关闭移动菜单

标签 javascript jquery wordpress mobile menu

真心希望你能帮上忙。我正在使用 Wordpress 建立一个基本网站来推广我的新业务。我相当精通技术,但我不是开发人员,我只能真正使用 CSS 和一点 HTML。

我遇到了一个问题,我的网站的移动菜单在被选中时没有关闭,这真的很烦人。我的网站可以看到here .

我研究过 Wordpress 的编辑器并发现了一段代码(作为一个完整的猜测)可能会控制移动菜单的点击:

jQuery(document).ready(function($){
  $(".site-nav-toggle").click(function(){
    $(".site-nav").toggle();
 });  

 $('.main-nav > li ').click(function(){
     $('.main-nav > li ').removeClass('current');
      var css_class = $(this).attr("class");
      $('.'+css_class.replace(/\ +/g,".") ).addClass('current');
     });

谁能帮我找到问题并让我知道他们是否认为他们有解决办法?

非常感谢您能给我的任何帮助。

最佳答案

$('.main-nav > li ').click(function() {
  $('.main-nav > li ').removeClass('current');
  var css_class = $(this).attr("class");
  $('.' + css_class.replace(/\ +/g, ".")).addClass('current');
  $(".site-nav").fadeOut(); //At this point you can fade out the menu
});

关于javascript - Wordpress - 单击时自动关闭移动菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51376966/

相关文章:

javascript - 给定一个 url www.site.com/test,使用 javascript 路由到 www.site.com/#testinner,无需硬编码基本 url

javascript - 检测客户端的 socket.io 断开连接和销毁事件

javascript - 如何在浏览器调整大小时刷新屏幕?

javascript - 使用 Javascript 正则表达式检查有效的 url

javascript - 位置相对内容计算高度

ios - 主菜单不适用于 iO

html - <!DOCTYPE html> 删除媒体查询样式

wordpress - woocommerce 产品类别搜索过滤器显示其他类别产品

javascript - 将循环索引与函数参数绑定(bind)

jquery - ASP.NET MVC + JQuery Mobile 事件处理程序