jQuery Cycle适用于独立页面,但不适用于WordPress

时间:2012-01-22 23:53:45

标签: jquery wordpress jquery-cycle

这个没有意义。我 使用jQuery循环来获取WP中的特色图像滑块,但它已停止工作。

尝试诊断出错的地方,我制作了其中一个示例的简化版本,它有效:http://convoke.info/slide.php

但是,如果我使用EXACT相同的标记并将其复制到我的一个WordPress页面中,则该插件不起作用:http://convoke.info/cycle/

这是WP标题中的声明:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://convoke.info/wp-content/themes/convoke2theme/style.css" />
    <!-- include jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#featuredslider').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
        });
    </script>
</head>

这就是我有图像的地方:

<div id="featuredslider">
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
</div>

我唯一的想法是为什么会发生这种情况,这只是一个疯狂的猜测,但我最近将有问题的网站(Convoke.info)返回转换为单个网站。它曾经是MU或网站网络。

1 个答案:

答案 0 :(得分:3)

WordPress中的jQuery在no conflict mode中运行。改为使用:

jQuery(document).ready(function($) { }