jQuery mobile ListView拆分按钮,仅右键
看这个例子 第部分:拆分按钮 在该示例中,左侧和右侧都是按钮。 我如何才能得到只有右边部分是按钮(左边只是基本的只读文本) 谢谢 解决方案 下面是一个由官方拆分按钮示例生成的工作示例: 您需要做的是从第一个a标记中删除href=“#”: 更改此项:jQuery mobile ListView拆分按钮,仅右键,listview,jquery-mobile,split-button,Listview,Jquery Mobile,Split Button,看这个例子 第部分:拆分按钮 在该示例中,左侧和右侧都是按钮。 我如何才能得到只有右边部分是按钮(左边只是基本的只读文本) 谢谢 解决方案 下面是一个由官方拆分按钮示例生成的工作示例: 您需要做的是从第一个a标记中删除href=“#”: 更改此项: <li><a href="#"> <img src="../../_assets/img/album-bb.jpg"> <h2>Broken Be
<li><a href="#">
<img src="../../_assets/img/album-bb.jpg">
<h2>Broken Bells</h2>
<p>Broken Bells</p></a>
<a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
</li>
并根据需要命名它(在示例中为:readonly-state-c)。应该是这样的:
.readonly-state-c {
background: #eee !important;
font-weight: bold !important;
color: #2F3E46 !important;
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/ !important;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* FF3.6 */
background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* IE10 */
background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* Opera 11.10+ */
background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important;
cursor: default !important;
}
<li><a class="readonly-state-c">
<img src="http://view.jquerymobile.com/1.3.0/docs/_assets/img/album-bb.jpg">
<h2>Broken Bells</h2>
<p>Broken Bells</p></a>
<a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
</li>
从中创建新类并将其首先放入标记中,如下所示:
.readonly-state-c {
background: #eee !important;
font-weight: bold !important;
color: #2F3E46 !important;
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/ !important;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* FF3.6 */
background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* IE10 */
background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important; /* Opera 11.10+ */
background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/) !important;
cursor: default !important;
}
<li><a class="readonly-state-c">
<img src="http://view.jquerymobile.com/1.3.0/docs/_assets/img/album-bb.jpg">
<h2>Broken Bells</h2>
<p>Broken Bells</p></a>
<a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
</li>
就是这样
更多信息
如果您想学习如何自己进行此类更改,您应该选中此项,它将教会您如何自己进行更改。在本例中,每个