jquery垂直滑块,显示内联块或向左浮动

时间:2014-03-27 14:54:54

标签: javascript jquery html css

我有这个HTML结构

<ul>
    <!-- Block 1 -->
    <li>Content 1</li>
    <li>Content 2</li>
    <li>Content 3</li>

    <!-- Block 2 -->
    <li>Content 4</li>
    <li>Content 5</li>
    <li>Content 6</li>

    <!-- Block 3 -->
    <li>Content 7</li>
    <li>Content 8</li>
    <li>Content 9</li>
</ul>
<a href="#">Previous</a>
<a href="#">Next</a>

li标签有float: left;(或display: inline-block;)以列显示内容,但是当我使用jquery垂直滑块时,不能正常工作。因为float: none;出现在jquery CSS声明或display block;

我需要保持浮动或显示,但我也需要一个垂直(向下/向上)滑块。

有什么建议吗?

编辑:

http://jsfiddle.net/5g8YY/

1 个答案:

答案 0 :(得分:0)

您可以创建一个样式元素un JQuery,它执行&#34; float:left&#34;。 js样式覆盖了css样式,因此它当然是最好的方法。

将您的代码放在http://jsfiddle.net/中应该很好,因为如果没有您的css和js内容,很难帮助您,因此您的问题肯定来自这些代码。