如何在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%;
}