Question

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

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

一切似乎都在起作用，但是当我向左滚动时，整个宝丽来画廊变得不可见。我会在图片中解释。

enter image description here

有谁知道导致这个问题的原因是什么？再说一次，如果有人要求，我会在这里张贴代码段，因为它太大了。

由于

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

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

1 个答案: