Question

我正在使用像这样的jQuery div rotator：http://jsfiddle.net/kDSqB在小提琴中工作非常好。当我将相同的代码移动到我的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>

Answer 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>

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

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

1 个答案: