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

Question

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

我正在这里设计我的网站，并将 polaroid jQuery 插件 ( http://codecanyon.net/item/jquery-polaroid-gallery-plugin ) 实现到圆形内容轮播 ( http://tympanus.net/codrops/2011/08/16/circular-content-carousel/ ) 中，

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

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

谢谢

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 代码的底部，而不是在 header 中调用它。

<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 通常会导致像这样的奇怪行为!