javascript - 我的div显示/隐藏代码在静态HTML页面上可以正常工作，但在Wordpress 3.5.1页面上却无法工作

这有点像代码的精简版，实际版本太长了，无法发布，但这足以代表概念。我正在使用它来根据基于带有href =“”中相应ID的锚点表示的多个选择来切换吉他图。花了几天使它可以在静态html页面上正常运行之后，该脚本在我打算使用的Wordpress页面上无法运行。我已经尝试过在头或内联脚本中使用它（这没关系）-但无论哪种方式，它都不会起作用。我知道Wordpress和某些插件使用Jquery，因此可能存在版本不匹配而导致冲突的情况。我还不是JavaScript专家，但是我知道有几种方法可以使猫变皮，我只需要找到一种与Wordpress搭配得很好的方法即可。任何帮助将不胜感激...

<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

    var divswitch = $('div.diagram_container a');

    divswitch.bind('click',function(event){
        var $anchor = $(this);
        var ids = divswitch.each(function(){
           $($(this).attr('href')).hide();
        });
        $($anchor.attr('href')).show();
        event.preventDefault();
    });


});
</script>

<style>
.diagram {
    margin: 0;
    width: 100%;
}
.diagram_container {
    width: 100%;
}
</style>

    <div id="RH_RW_Div" class="diagram_container" style="float:left; display:block;">
        <div class="diagram_menu">
          <a class="checked" href="#RH_RW_Div"><span class="checkbox_label">Right Handed</span></a>
          <a class="unchecked" href="#LH_RW_Div"><span class="checkbox_label">Left Handed</span></a>
        </div>
        <img class="diagram" src='images/RH_RW.gif' /><br />
    </div>

    <div id="LH_RW_Div" class="diagram_container" style="float:left; display:none;">
        <div class="diagram_menu">
          <a class="unchecked" href="#RH_RW_Div"><span class="checkbox_label">Right Handed</span></a>
          <a class="checked" href="#LH_RW_Div"><span class="checkbox_label">Left Handed</span></a>
        </div>
        <img class="diagram" src='images/LH_RW.gif' /><br />
    </div>

最佳答案

WordPress默认使用jQuery.noConflict()。这是为了确保其他库使用$变量不会发生冲突。这就是为什么您的控制台说它不是一个功能。

但是，显然，jQuery变量仍然有效，您应该使用它，并将$变量自己传递给函数以启用jQuery的简写版本。

因此，您的代码应如下所示：

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

     // Your functions go here

});

关于javascript - 我的div显示/隐藏代码在静态HTML页面上可以正常工作，但在Wordpress 3.5.1页面上却无法工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15709309/