Listview复选框和锚标记表现不同的jquery mobile

时间:2014-08-22 05:50:58

标签: jquery html5 css3 jquery-ui jquery-mobile

我想要一个listview,它在单击锚标签和复选框时表现不同。

只需添加listview右侧的复选框,使其行为与锚标记无关。

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

小提琴链接http://jsfiddle.net/manojbojja/b3y99xae/

1 个答案:

答案 0 :(得分: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