0

まず、コードをここに投稿しますが、大きすぎて、コードのどの部分がこの問題を引き起こしているのかわからないので、誰かがコードの特定のセクションを要求した場合は、ここに投稿します.

私はここで自分のウェブサイトを設計しており、ポラロイド 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 コードの最後に配置されます。

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

1 に答える 1

0

html に重複した ID があります。id="pg_des"別の一意の ID またはクラスに変更してみてください。重複した ID は、このような奇妙な動作を引き起こすことがよくあります!

于 2013-06-25T14:43:36.303 に答える