WordPress-点击自动关闭移动菜单

时间:2018-07-17 08:47:57

标签: javascript jquery wordpress mobile menu

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

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

我去过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');
     });
 

有人可以帮助我找到问题,并让我知道他们是否已解决问题?

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

3 个答案:

答案 0 :(得分:0)

$('.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
});

答案 1 :(得分:0)

尝试一下。

$('.main-nav > li ').click(function(){
   $('.site-nav').slideUp() 
});

答案 2 :(得分:0)

Ankita发布的代码似乎运行得很好。谢谢大家的帮助!

with my_table(data) as (
values ('[1,2,4,5]'::jsonb)
)

select *
from my_table
where jsonb_int_array(data) && array[1,23,4]

     data     
--------------
 [1, 2, 4, 5]
(1 row)