jquery - Listview 复选框和 anchor 标记以不同方式表现 jquery mobile

Question

我想要一个在单击 anchor 标记和复选框时表现不同的 ListView 。

只需在 ListView 的右侧添加复选框，使其行为独立于 anchor 标记即可。

<ul  data-role="listview">
  <li> <a href="#">link</a>
    <label>
      <input name="checkbox-0" data-inline="true" id="checkbox-0" type="checkbox" data-role="none" />
    </label>
  </li>
</ul>

fiddle 链接 http://jsfiddle.net/manojbojja/b3y99xae/

Answer 1

    <li><a href="#" style="padding: 0px 0px 0px 0px !important;margin: 0px 0px 0px 0px !important;">
            <label style="padding: 0px 0px 0px 0px !important;margin: 0px 0px 0px 0px !important;border-width: 0px 0px 0px 0px !important;" data-corners="false">
                <fieldset data-role="controlgroup" style="height:0px !important">
                    <input id="checkbox_11" name="checkbox_11" class="item_checkbox" type="checkbox" value="false"/>
                        <label>
                            <img src="http://farm6.staticflickr.com/5490/10815278466_fb2b758e01_s.jpg" style="height:60px;width:60px;float:left;padding-right:10px;"/>
                            <h2 style="padding: 10px 0px 0px 0px">11</h2>
                            <p>11/12/2013 10:16:14 AM</p>
                        </label>
                    </label>
                </fieldset>
            </label>
            </a><a href="http://stackoverflow.com/questions/6250969/adding-many-buttons-to-header-in-jquery-mobile" rel="external"></a>
        </li>

Here