嵌套的Jquery旋转木马 - 这可能吗?

时间:2012-01-24 19:09:36

标签: jquery nested carousel

我需要有嵌套轮播的帮助。

问题很简单:我尝试在我的网站上实现一个jquery轮播,以创建一个小界面。主旋转木马是垂直的,垂直旋转木马上的选项/链接之一应该是子旋转木马 - 水平旋转木马。所以,问题是我如何嵌套两个旋转木马。它不起作用。就像,当我将水平旋转木马放在垂直旋转木马内时 - 它没有显示出来。

这是我使用的代码:

<!-- Vertical Carousel -->
<ul>
    <li>   
        Item 1   
    </li>

<li>
    Item 2
</li>

<li>
    <!-- Horizontal Carousel -->
    <div id="slider4">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
        </ul> 
        <div>
            <ul>
            <li><strong>Tab 1</strong><p>Tab content 1 </p></li>
            <li><strong>Tab 2</strong><p>Tab content 2 </p></li>
            <li><strong>Tab 3</strong><p>Tab content 3 </p></li>
            </ul>
        </div>
    </div>

</li>
<li>
    Item 4
</li >

为什么它不起作用? 顺便说一下,当我把它们并排放在一起时 - 我检查过它们都可以工作。然而,作为一个嵌套的意思,当我试图将水平放在垂直内部时,它不起作用。

非常感谢!!

0 个答案:

没有答案