Question

我是使用Jquery的新手。我知道在同一主题上有很多不同的问题，但没有一个建议似乎有所帮助。有人可以帮我解决这个问题。

这是我的代码：

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="P1js/jquery.rs.slideshow.js"></script>
  <script src="L1js/jquery.rs.slideshow.js"></script>

  <script>
                $(document).ready(function () {
                $('.rs-slideshowP1').rsfSlideshow();
                });

                $(document).ready(function () {
                $('.rs-slideshowL1').rsfSlideshow();
                });
                </script>

</head>
<body>



      <div id="slideshowP1" class="rs-slideshowP1">
            <div class="slide-containerP1">
                <img src="P1images/0.jpg" />

            </div>
            <ol class="slidesP1">
                <li>
                    <a href="P1images/0.jpg"></a>
                </li>
                <li>
                    <a href="P1images/1.jpg"></a>
                </li>
                <li>
                    <a href="P1images/2.jpg"></a>
                </li>
                <li>
                    <a href="P1images/3.jpg"></a>
                </li>
                <li>
                    <a href="P1images/4.jpg"></a>
                </li>
                <li>
                    <a href="P1images/5.jpg"></a>
                </li>
            </ol>

    </div>


<div id="slideshowL1" class="rs-slideshowL1">
            <div class="slide-containerL1">
                <img src="L1images/1.jpg" />

            </div>
            <ol class="slidesL1">
                <li>
                    <a href="L1images/1.jpg"></a>
                </li>
                <li>
                    <a href="L1images/2.jpg"></a>
                </li>
                <li>
                    <a href="L1images/3.jpg"></a>
                </li>
                <li>
                    <a href="L1images/4.jpg"></a>
                </li>
                <li>
                    <a href="L1images/5.jpg"></a>
                </li>
                <li>
                    <a href="L1images/6.jpg"></a>
                </li>
                <li>
                    <a href="L1images/7.jpg"></a>
                </li>
                <li>
                    <a href="L1images/8.jpg"></a>
                </li>
                <li>
                    <a href="L1images/9.jpg"></a>
                </li>
                <li>
                    <a href="L1images/10.jpg"></a>
                </li>
                <li>
                    <a href="L1images/11.jpg"></a>
                </li>
                <li>
                    <a href="L1images/12.jpg"></a>
                </li>
            </ol>

 </div>

我非常感谢能帮助我的人帮助我。提前谢谢。

Answer 1

虽然我无法理解您所面临的问题，但这可能会对您有所帮助..

            <script type="text/javascript">
                $(document).ready(function () {
                   $('.rs-slideshowP1').rsfSlideshow();
                });

                var j=jQuery.noConflict();

                j(document).ready(function () {
                   j('.rs-slideshowL1').rsfSlideshow();
                });
            </script>

Answer 2

只需通过其唯一标识符（即）通过其ID来引用它们。如果您仍然遇到问题，请告诉我们您收到的错误消息究竟是什么

在一个页面上使用两个Jquery幻灯片

2 个答案: