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

Question

我是 PHP 程序员，主要在我的网站上使用 jquery 插件。困扰我的问题是在单页网站上放置两个幻灯片。一次只运行一个幻灯片。

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

<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/