jquery - 在同一页面上运行两个 jquery 幻灯片时出现问题

Question

我是 PHP 程序员，在我的网站上主要使用 jquery 插件。令我烦恼的问题是在单页网站上放置两张幻灯片。一次仅运行一张幻灯片。

这是我正在使用的代码..第一个 slider 的链接...

<script>window.jQuery || document.write('<script src="js/jquery-1.6.1.min.js"><\/script>')
</script>

<script src="js/jquery.smoothscroll.js"></script>
<script src="js/jquery.nivo.slider.pack.js"></script>
<script src="js/jquery.easing-1.3.pack.js"></script>
<script src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/init.js"></script>

第二个链接..

    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <!-- the jScrollPane script -->
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
    <script type="text/javascript">
        $('#ca-container').contentcarousel();
    </script>

希望我能提前得到一些具体的答案

Answer 1

不确定这是否是问题所在，但您有

<script type="text/javascript">
    $('#ca-container').contentcarousel();
</script>

可能应该是:

<script type="text/javascript">
    $(function() { $('#ca-container').contentcarousel(); });
</script>

因此它在页面加载时启动，而不是取决于它在脚本中的放置位置。在这里查看更多:http://api.jquery.com/ready/