Question

我有一个简单的jquery移动网站，其中包含几个按钮和一个滑块。按钮伸展以填充整个水平空间，但滑块不会。感觉非常笨重。有没有办法哄骗jquery-mobile滑块来填充整个水平空间？

<div data-role="page">
    <div data-role="header">
        <h1>header</h1>
    </div>
    <div data-role="content"></div>
    <div data-role="content" data-position="fixed" data-theme="a">
        <form>
           <input type="range" name="slider" id="slider-0" value="50" min="0" max="100"/>
        </form>
       <a id="button-1" href="#" data-role="button">Button</a>
       <a id="button-2" href="#" data-role="button">Button</a>
    </div>
</div>

附注：此代码包含两个带有data-role =“content”的div。这会让我陷入困境吗？ jquery-mobile不喜欢将滑块放入页脚，但我需要滑块的作用就像一个在显示区域底部有固定位置的页脚。

Answer 1

如果您的目标是一致的屏幕尺寸，这将非常简单。默认情况下，在JQM 1.1RC2中我看到它们使用65％的滑块。然而，滑块之前的输入字段固定为50px。尝试使用.ui-slider宽度来获得更接近的值，因为它会根据屏幕大小看起来不同。

div.ui-slider{width:80%;}

也许像80％这样的东西对你来说会更好。至于你的第二部分，我不知道测试它并让我们知道。

jquery mobile中的全宽滑块？

1 个答案: