Question

我正在研究http://www.aceaofmidland.com/，我正在尝试使用jQuery和jQuery.cycle来循环显示如下所示的wordpress自定义帖子类型：

<div id="toolbar">
    <div id="home">
        <div id="arrows">
            <div class="prev"></div>
            <div class="next"></div>
        </div>
        <div id="descriptions">
            <div><strong>Second Home Alert Test</strong><br><p>Testing Testing Testing</p></div>
            <div><strong>Test Home Alert Title</strong><br><p>Test Content for homepage alert</p></div>
    </div>
    </div>
</div>

我正在使用以下jQuery来尝试激活循环。我很肯定我已经正确加载了脚本，并且也按顺序加载。

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function(){  
        jQuery('#descriptions').cycle({
            next: '.next',
            prev: '.prev',
            fx: 'fade',
            speed: 'fast',
            timeout: 5000,
            pause: 1
        });
    });
</script>

如果有人能找到如何让它发挥作用，我将永远感激不尽。谢谢！

Answer 1

在firebug中，我在pageload上遇到以下错误：

jQuery.cookie is not a function
http://aceaofmidland.com/
Line 126

和

$j.cookie is not a function
http://aceaofmidland.com/wp-content/themes/trademark/files/js/theme.js?ver=3.2.1
Line 570

您可能想要更改此行：

if(undefined != jQuery.cookie('links-variant')) {

到

if('undefined' != typeof(jQuery.cookie('links-variant'))) {

https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special/typeof

jQuery代码应该包含在$(document).ready(function () {});包装器中。

在改变有问题的代码本身之前，我总是会尝试解决在我排除故障的代码之前发生的所有错误。

jQuery循环不工作/表现好笑

1 个答案: