jQuery div rotator 在 Fiddle 但不是 WordPress 网站上工作。尝试了 3 件事答案

【问题标题】：jQuery div rotator working on Fiddle but not WordPress website. Tried 3 thingsjQuery div rotator 在 Fiddle 但不是 WordPress 网站上工作。尝试了 3 件事
【发布时间】：2015-11-01 05:38:25
【问题描述】：

我正在使用像这样的 jQuery div 旋转器：http://jsfiddle.net/kDSqB，它在 Fiddle 中工作得非常好。当我将相同的代码移到我的 WordPress 网站时，它不起作用。

我尝试添加 jQuery 没有冲突，添加准备好的 DOM 文档，并将 $(document.body) 更改为父 div 的名称。这些都不起作用。

我还尝试将所有相关的 jQuery 内联移动到代码将出现的页面部分，但 div 仍然没有旋转。我该怎么办？

以下是我的 WordPress 网站上的所有代码：

<script src="https://code.jquery.com/jquery-1.10.1.js">

<script type="text/javascript">
jQuery.noConflict();

$(document).ready(function(){

var $cog = $('#cog'),
$body = $(document.body),
bodyHeight = $body.height();

$(window).scroll(function () {
$cog.css({
    'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg)'
});
});
});
});
</script>
<div class="cogclass"><div id="cog"></div></div>

【问题讨论】：

浏览器控制台出现什么错误？
Uncaught Error: Syntax error, unrecognized expression: [href=] and Uncaught TypeError: jQuery(...).fitVids is not a function，但是这比错误数量少一个在我添加上述代码之前的页面上。我不知道为什么会发生这种情况。
你为什么要像$body = $(document.body)那样定义你的身体？一个简单的$body = $('body') 应该可以。如果您使用的是 jQuery，请保持一致。
好的，我已经更改了 $body。这并没有使代码工作。我还检查了小提琴中的 jQuery noConflict，那部分在小提琴中不起作用。我创建了一个新的来说明我的意思。我这样做的方式有问题吗？ jsfiddle.net/pcud2vyz
我检查了浏览器控制台中的错误，比较了我在添加代码之前和之后的错误。这是我添加代码后出现的错误：Uncaught TypeError: $ is not a function (anonymous function)。

标签： jquery wordpress rotation

【解决方案1】：

我查看了控制台错误，发现了这个帖子：TypeError: $ is not a function when calling jQuery function。原来它可能是 WordPress 的东西，我必须把代码放在 jQuery(document).ready(function($){ code here ;

所以这段代码最终成功了：

<script>
jQuery(document).ready(function($){
var $cog = $('#cog'),
$body = $('body'),
bodyHeight = $body.height();

$(window).scroll(function () {
$cog.css({
    'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg)'
});
});
});
</script>

感谢所有帮助找到答案的人！

【讨论】：