1

我有一个简单的 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 不喜欢将滑块放入页脚，但我需要滑块像页脚一样在显示区域的底部具有固定位置。

4

1 回答 1

2

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

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

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

于 2012-04-12T05:06:26.313 回答