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的移动，列表视图用复选框

回答

相关问题