jQuery 循环不工作/表现得很有趣

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 中，我在页面加载时遇到以下错误：

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 () {}); 包装器。

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