【问题标题】:jQuery mobile horizontal radio buttons but with radio styling?jQuery 移动水平单选按钮但带有单选样式?
【发布时间】:2012-11-26 19:04:21
【问题描述】:

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

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

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

【问题讨论】:

    标签: jquery-mobile


    【解决方案1】:

    是的,但并不容易。我能记住的就这么多了。我自己没有例子,也不想再重写了。

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

    我。水平单选按钮有一个禁用跨度用于圆形选择 img。通过给它一个 display: block-inline 来启用它(在这种情况下,给其他 div 相同的属性,这将允许它们对齐,在其他情况下它们将重叠)或给它们两个 display: block;将它们浮动到左侧(不要忘记位置:相对)。

    我说的是这个:

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

    顶部是文本跨度,底部是图标持有人。在水平组的情况下,底部的一个被禁用(显示:无;)。

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

    希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-01-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-28
      • 2013-01-14
      • 2016-07-11
      • 2017-07-06
      相关资源
      最近更新 更多