帖子正文中的jQuery有问题吗?

时间:2014-12-29 作者:o_O

我在帖子正文中有以下代码,它不会运行。我可以从控制台很好地运行它,但在帖子的正文中,它不会做任何事情,也不会返回任何类型的错误。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
    console.log("Test");
    $(".myBox").click(function(){
        var myBoxOn = $(this).attr("data-class");
        $(".myBoxContent").hide("slow");
        $("#" + myBoxOn).show("slow");
    });
});
</script>

1 个回复
最合适的回答,由SO网友:Robert hue 整理而成

当您使用Google CDN托管的jQuery版本时,就不需要使用jQuery包装器。这是为了使用WordPress核心打包的jQuery,因为使用WordPress的jQuery运行在无冲突模式下。

因此,jQuery代码将是。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    console.log("Test");
    $(".myBox").click(function(){
        var myBoxOn = $(this).attr("data-class");
        $(".myBoxContent").hide("slow");
        $("#" + myBoxOn).show("slow");
    });
  });
</script>

结束