Question

我有两个垂直滑块（＃slider1和＃slider2）。我希望这些在水平滑块内（#slider）。垂直滑块工作正常，但是当我添加水平滑块时，垂直滑块无法正常工作（第二张滑块为空白）。

这里没有水平滑块：www.semiconia.com/test/indexloadonclick.html

以下是水平滑块：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"><ul><li>
<div id="slider1"><ul>contents of vertical slider 1</ul></div>
<div id="slider2"><ul>contents of vertical slider 2</ul></div></li>
<li>another horizontal content</li>
</ul></div>

垂直滑块无法正常工作，因为＃slider1和＃slider2位于水平#slider下面，其中“vertical：false”。

如何解决？据说一个应该能够覆盖＃slider1和＃slider2的垂直选项，但它不起作用。任何的想法？

滑块内的jQuery EasySlider滑块？

0 个答案: