スライダー内のjQuery EasySliderスライダー?

私は2つの垂直スライダー(#slider1と#slider2)を持っています。私はこれらを水平スライダー(#スライダー)の中に入れておきたい。垂直スライダーは完全に機能しますが、水平スライダーを追加すると、垂直スライダーが正しく機能しません(2番目のスライドは空白です)。

Here's without the horizontal slider: www.semiconia.com/test/indexloadonclick.html

Here's with the horizontal slider: http://www.semiconia.com/test/testblank.html

「ご存知ですか?」の下の矢印をクリックしてください。

スクリプトは次のとおりです。

<script type="text/javascript">
        $(document).ready(function(){   
        $("#slider").easySlider({

                prevId: "leftBtn",
                nextId: "rightBtn",
                prevText:'',
                nextText:'',
                vertical: false, 
            });

            $("#slider1").easySlider({

                prevId: "prevBtn1",
                nextId: "nextBtn1",
                prevText:'',
                nextText:'', 

            });$("#slider2").easySlider({

                prevId: "prevBtn2",
                nextId: "nextBtn2",
                prevText:'',
                nextText:'', 

        }); });</script>

ページは基本的に次のようなものです:

<div id="slider">
  • <div id="slider1">
      contents of vertical slider 1
    </div> <div id="slider2">
      contents of vertical slider 2
    </div>
  • another horizontal content
</div>

#slider1と#slider2が "vertical:false"の横の#sliderの下に配置されているため、垂直スライダが正しく動作しません。

それを解決するには?おそらく#slider1と#slider2の垂直オプションを上書きできるはずですが、うまくいきません。何か案が?

0
リスト内のdivを使用しないでください。すべてのdivを削除し、idsを使って
    を作成してください。
追加された 著者 ggzone,
何らかの理由で、divタグを削除してもボタンが機能しません。それはおそらくスクリプトがどのように書かれているのでしょう。
追加された 著者 Alireza,

答えはありません

0
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript