jQuery的移動，列表視圖用複選框

有一個列表視圖，看起來像這樣： http://jquerymobile.com/demos/1.3.0/docs/examples/swipe/swipe-list.html#demo-page jQuery的移動，列表視圖用複選框

它包含兩個可點擊區域。

我有搜索周圍的，他們有複選框的列表視圖的例子，很好的例子是這樣的一個：jsfiddle.net/yakirmanor/d8KNF/

但我不whant有一個大大的「標籤」是通吃的區域。我認爲我的文字是一個鏈接。但它似乎很難，我一直在混合解決方案，但它最終與複選框採取自己的路線。我試過做一個<div>，並有float="left"，但它並不像我想要的那樣。

在我的第一個示例鏈接我有2個區域，右邊的一個可能是一個複選框。但它似乎需要成爲獲得該領域的鏈接。

有沒有什麼好的解決方案？或者我需要把它做成一條自己的路線？

所有這些將用於收件箱視圖。我的左側或右側的複選框將成爲要刪除的郵件的選擇。

來源

2013-03-15 thatsIT

告訴我們你已經達到的結果。 – Omar 2013-03-15 16:13:41

這似乎是一個CSS問題，因爲您正在談論風格以及您希望如何以視覺方式顯示它。那是對的嗎？你能告訴我們一個代碼片段嗎？ – Giorgio 2013-03-21 14:42:29

對不起延遲迴復！

我現在在另一行上有複選框。但實際上，我希望它在我的消息旁邊。正如他們通常在選擇要刪除的項目時在設備的收件箱中一樣。

 <div data-role="content"> 
     <ul data-role="listview" data-inset="false" data-icon="false" data-split-icon="delete" data-filter="true"> 
      <li data-role="list-divider">Details</li> 
      @foreach (var message in Model.MessageList) 
      { 
       <li data-role="fieldcontain"><a href="/Message/[email protected]"> 
        <h3>@message.FromPersonName</h3> 
        <h2>@message.MessageHeader</h2> 
        <p> 
         My information about</p> 
       </a> 
        <label style="border-top-width: 0px; margin-top: 0px; border-bottom-width: 0px; margin-bottom: 0px; 
         border-left-width: 0px; border-right-width: 0px;" data-corners="false"> 
         <fieldset data-role="controlgroup"> 
          <input id="@("cbx" + message.MessageRef)" class="markedForDelete" name="CheckboxToDelete" type="checkbox" 
           [email protected] /> 
         </fieldset> 
        </label> 
       </li> 
      } 
     </ul> 
    </div>

而且正如我在我的第一封郵件中顯示在我的第二個exampel鏈接。有一個解決方案。但是他們將所有的信息文字都作爲「標籤」。我想分開它，這個消息將成爲我的例子中的一個鏈接。

來源

2013-03-27 11:00:06 thatsIT

jQuery的移動，列表視圖用複選框

回答

相關問題