Wordpress和jQuery响应式导航

我有一个奇怪的问题，并与jquery。我有这样的代码来显示和隐藏在左边一个响应导航：Wordpress和jQuery响应式导航

$('.menu').on('click', function(){ if ($('.responsive__menu').hasClass('is-open')) { 
$('.responsive__menu').removeClass('is-open'); 
$('.menu').removeClass('is-active');} else { 
$('.responsive__menu').addClass('is-open'); 
$('.menu').addClass('is-active');}});

它与我的网站没有WordPress的，但一旦在WordPress的，似乎代码的一半作品：十字架的创作关闭菜单除了菜单没有出现。

你能否启发我一些观点？

该脚本被加载，是否有更快，更简单的方法来转换代码与jQuery和toogle（）？
它只能是一个代码的麻烦，但为什么它不再工作了一次Wordpress？

非常感谢您的帮助，在提出问题之前，我尝试了很多东西。 ^^

来源

2016-01-23 Ralph

如果它与你的任何网站一起工作意味着代码是好的，只是你可能在你的CSS中有冲突，所以包括你的CSS是最后一个菜单相关的，如果它也不工作， CSS代码，所以我们可以更好地看到发生了什么，并且不需要太多的代码。初始化你的菜单没有。开类，在你的HTML和使用jQuery：

$('.menu').on('click', function(){ 
$(".responsive_menu).toggleClass('open'); 
});

来源

2016-01-23 10:43:47

我给你我的CSS，我把它变成像这样的WordPress：<链接相对= “样式的” href = “？<= get_stylesheet_uri（）;？>”/ > ...谢谢！ – Ralph

@Ralph get_stylesheet_uri（）做什么，什么是<= href里面是<？php，如果可以请放一个小提琴，这样我可以更容易地编辑你的代码 –

http://jsfiddle.net/Q5HDu/254 /我的代码。 – Ralph

jQuery提供在非冲突模式的WordPress，以确保一切正常，你应该使用jQuery变量，而不是$变量。

则可以选择执行以下操作

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

    // $ variable can be used here 
    $('.menu').on('click', function() { 
    if ($('.responsive__menu').hasClass('is-open')) { 
     $('.respons__menu').removeClass('is-open'); 
     $('.menu').removeClass('is-active'); 
    } else { 
     $('.responsive__menu').addClass('is-open'); 
     $('.menu').addClass('is-active'); 
    } 
    }); 

});

来源

2016-01-23 11:30:20

我只是把这个代码放在我的js文件中？ ...它不起作用：/我可能会忘记一些东西...... – Ralph

Wordpress和jQuery响应式导航

回答

相关问题