jquery - jQuery 在我的网站上无法正常工作

Question

首先，我会在这里发布代码，但是它太大了，我不确定代码的哪一部分导致了这个问题，所以如果有人请求特定的代码部分，我会在这里发布它们。

我在这里设计我的网站，并将宝丽来 jQuery 插件（http://codecanyon.net/item/jquery-polaroid-gallery-plugin）实现到圆形内容轮播（http://tympanus.net/codrops/2011/08 /16/循环内容轮播/），

一切似乎都在工作，除了当我向左滚动时，整个宝丽来画廊都看不见了。我会在图片中解释。

有谁知道是什么导致了这个问题？同样，如果有人要求，我会在这里发布代码部分，因为它太大了。

谢谢

HTML 代码：

<div id="ca-container" class="ca-container">
                <div class="ca-wrapper">
                    <div class="ca-item ca-item-1">
                    <div class="ca-item-main" style="background-color:#9C6;">           <div class="ca-icon"></div>

 <br>

                            <h3>blah blah</h3>
                            <h4>
                                <span class="ca-quote">&ldquo;</span>
                                <span style="margin-top:-30px;"> blah blah</span>
                            </h4>
                                <a href="#" class="ca-more">more...</a>
                        </div>
                        <div class="ca-content-wrapper" style="background-color:#9C6;"> <div class="ca-content">


        <div class="cata" data-name="blah" data-cataimage="images/IMG_4878.jpg">



            <div class="pg_photo" data-image="images/IMG_7806.jpg" data-title="blahblah" >




                 <div id="pg_des" align="left" style="display:none">
                    <span>
                         <b>blah</b>
                    </span>
                 </div>

            </div>

            <div class="pg_photo" data-image="images/IMG_7782.jpg" data-title="blah" >

                <div id="pg_des" align="left" style="display:none">
                    <span>
                         <b>blahblah</b>/span>
                 </div>

            </div></div></div></div></div>

编辑：

这些是被调用的脚本。它被放置在 HTML 代码的底部，而不是在标题中调用它。

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

Answer 1

您的 html 中有重复的 id。尝试更改id="pg_des"为另一个唯一 ID 或类。重复的 id 经常会导致这样的奇怪行为！