如何在jQuery移動版中右對齊翻轉切換開關

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; }