如何在jQuery mobile中右对齐翻转切换开关

Question

如何在jQuery移动列表视图中右转对齐翻转开关？

以下是我正在使用的内容：http://jsfiddle.net/bthj/ry799/

可以看到那里的开关紧贴着左边的标签，但是我想在右边有一个开关，以便在狭窄的移动屏幕上更好地利用空间。

在交换机周围的div.ui-slider上设置“float：right”不起作用，然后交换机浮出列表视图。

Answer 1

这应该可以解决问题。实例：http://jsfiddle.net/tw16/ry799/1/

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    display: block;
    padding: 0.9em 75px 0.9em 15px;
}
div.ui-slider-switch {
    position: absolute;
    right: 0;
    width: 44%;
}

Answer 2

div.ui-slider-switch {
 float:right; }