Question

我在此页面上使用jQuery Cycle进行幻灯片演示：http://www.orientalhealthsolutions.com/

页面中央的图像应该旋转。但是，他们不是。

这是HTML：

<div class="slideshow">
    <img src="{site_url}/photos/slideshow-1.jpg" alt="slideshow-1" width="600" height="410" />
    <img src="{site_url}/photos/slideshow-2.jpg" alt="slideshow-2" width="600" height="410" />
    <img src="{site_url}/photos/slideshow-3.jpg" alt="slideshow-2" width="600" height="410" />
    <img src="{site_url}/photos/slideshow-4.jpg" alt="slideshow-2" width="600" height="410" />
    <img src="{site_url}/photos/slideshow-5.jpg" alt="slideshow-2" width="600" height="410" />
    <img src="{site_url}/photos/slideshow-6.jpg" alt="slideshow-2" width="600" height="410" />
    <img src="{site_url}/photos/slideshow-7.jpg" alt="slideshow-2" width="600" height="410" />
</div>

这是jQuery：

<script type="text/javascript" src="{site_url}scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade',
        timeout:   4000,
        autostop: 1
    });
});
</script>

我尝试使用FireBug，脚本正在加载，但仍然缺少某些东西，我很感激帮助整理它。

谢谢！

Answer 1

jquery.dropmenu.js使用noConflict。之后你需要引用$作为jQuery。将你的$（）调用更改为jQuery（），它应该可以正常工作。

为什么jQuery Cycle无法正常工作？有冲突吗？

1 个答案: