如何在jQuery手機中的列表視圖內嵌入元素

Question

我想要一個列表視圖，其中有一個flipswitch在列表項的右側對齊。這裏是我正在使用的代碼：

<ul> 
<li data-role="fieldcontain"><a href="#" onclick="openPlace();" >MyHyperlink</a><select name="slider" id="flip-a" data-role="slider"><option value="off">Off</option><option value="on" selected>On</option></select></li> 
</ul> 

這樣的工作，但將超鏈接上方的列表項中的swtch。我嘗試使用一個表，並努力讓他們在同一行，但它毀了jquery樣式。我怎樣才能做到這一點，而不會搞亂造型？

Answer 1

對於這一點，你必須嵌入一些自定義的CSS和一些額外的HTML這個...

我創造了這個演示，希望這對你的作品，

HTML： -

<ul data-role="listview" data-inset="true"> 
    <li>Acura 
     <span class="fliper"> 
      <label for="flip2" class="ui-hidden-accessible">Flip switch:</label> 
      <select name="flip2" id="flip2" data-role="slider"> 
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </span> 
    </li> 
    <li>Audi</li> 
    <li>BMW</li> 
    <li>Cadillac</li> 
    <li>Ferrari</li> 
</ul> 

CSS： -

.fliper { position:absolute; right:0; top:-4px; } 

工作演示： -http://jsfiddle.net/H4UzV/