jQuery移动水平单选按钮,但有无线电样式?

时间:2012-11-26 19:04:22

标签: jquery-mobile

我在jQuery mobile中使用水平单选按钮:

http://jquerymobile.com/test/docs/forms/radiobuttons/

当您将字段集设为水平时,样式会更改,并且圆形“选定”位会消失。是否可以禁用此行为,以便用户使用正常的jQuery移动样式?

1 个答案:

答案 0 :(得分:0)

是的,但不是一件容易的事。我记得这么多。我没有自己的例子,也不想再重写它。

首先,您需要的是Firefox或Chrome的firebug插件(或类似的东西)。

予。水平单选按钮具有用于圆形选择img的禁用跨度。通过给它一个显示来启用它:block-inline(在这种情况下给其他div提供相同的属性,这将允许它们排成一行,在其他情况下它们将重叠)或者给它们两个显示:block;把它们浮到左边(不要忘记位置:相对)。

我在说这个:

<span class="ui-btn-text">List</span>
<span class="ui-icon ui-icon-radio-off ui-icon-shadow"> </span>

上面一个是文本跨度,下面一个是图标持有者。如果是水平组,则底部1被禁用(显示:无;)。

II。第二件事,点击/选择阻止背景颜色变化。这将为您提供垂直radiobutton控制组的水平版本。

希望这有帮助。