Jquery mobile 拆分按钮列表视图,不带第一个<;a>;标签?
我需要一个右对齐的按钮,在<代码>的中间> UL数据角色=“ListVIEW”/> 元素.< /P>Jquery mobile 拆分按钮列表视图,不带第一个<;a>;标签?,jquery-mobile,expandablelistview,split-button,Jquery Mobile,Expandablelistview,Split Button,我需要一个右对齐的按钮,在的中间> UL数据角色=“ListVIEW”/> 元素.< /P> 这里是我正在使用的HTML,这是我能想到的最好的,但是它不是一个完全分裂的按钮,它甚至不在内容的中间对齐… 纽约集团申请CDFI身份 纽约商业发展公司位于奥尔巴尼市中心 因此,这里的问题是,我有点希望它以与拆分按钮方法相同的方式显示,但是,如果我尝试使用此方法,它会破坏它的外观,因为我没有第一个 我怎样才能使它成为一个分割按钮,同时保持左侧的结构,而不使左侧成为任何实际链接,从而保持其他链接
这里是我正在使用的HTML,这是我能想到的最好的,但是它不是一个完全分裂的按钮,它甚至不在内容的中间对齐…
-
纽约集团申请CDFI身份
纽约商业发展公司位于奥尔巴尼市中心
因此,这里的问题是,我有点希望它以与拆分按钮方法相同的方式显示,但是,如果我尝试使用此方法,它会破坏它的外观,因为我没有第一个
我怎样才能使它成为一个分割按钮,同时保持左侧的结构,而不使左侧成为任何实际链接,从而保持其他链接正常工作
我需要这是中间对齐,就像分裂按钮一样。为什么不能开箱即用???用div包围左右部分,并给右div一个ui-li-link-alt类:
<ul data-role="listview" data-theme="d" data-divider-theme="d" class="has-right-radio">
<li>
<div>
<h3>New York Group Applies for CDFI Status</h3>
<p>The New York Business Development Corp. is <a target="_blank" href="http://www.bizjournals.com/albany/news/2013/09/05/nybdc-doubling-albany-office-space.html">doubling its office space</a> in downtown Albany.</p>
</div>
<div class="ui-li-link-alt borderLeft">
<a href="#" data-role="button" data-transition="slide" data-mini="true" data-icon="arrow-r" data-theme="d" data-shadow="false" data-inline="true" data-iconpos="notext" >Read More</a>
</div>
</li>
</ul>
.borderLeft{
border-left: 1px solid rgb(204, 204, 204);
}
-
纽约集团申请CDFI身份
纽约商业发展公司位于奥尔巴尼市中心
.左撇子{
左边框:1px实心rgb(204204204);
}
这是您最新的
用div和环绕左右部分,并给右div一个ui-li-link-alt类:
<ul data-role="listview" data-theme="d" data-divider-theme="d" class="has-right-radio">
<li>
<div>
<h3>New York Group Applies for CDFI Status</h3>
<p>The New York Business Development Corp. is <a target="_blank" href="http://www.bizjournals.com/albany/news/2013/09/05/nybdc-doubling-albany-office-space.html">doubling its office space</a> in downtown Albany.</p>
</div>
<div class="ui-li-link-alt borderLeft">
<a href="#" data-role="button" data-transition="slide" data-mini="true" data-icon="arrow-r" data-theme="d" data-shadow="false" data-inline="true" data-iconpos="notext" >Read More</a>
</div>
</li>
</ul>
.borderLeft{
border-left: 1px solid rgb(204, 204, 204);
}
-
纽约集团申请CDFI身份
纽约商业发展公司位于奥尔巴尼市中心
.左撇子{
左边框:1px实心rgb(204204204);
}
这是您最新的
受Gajotres在中回答的启发,我这样做:
- 检查了Google Chrome开发工具中的元素
- 根据这些信息,创建了以下样式。如果您正在使用自己的主题,请确保使用正确的背景色:
.ui-listview > li.ui-li-has-alt > a.ui-btn.nolink-a {
cursor: default !important;
font-weight: normal !important;
background-color: #f5f8f9 !important; /*{a-body-background-color}*/
}
- 我个人将该样式保存在一个名为
jquery.custom.css
的文件中,并通过
将其加载到我的html中(见下文)。您还可以在
标记中将CSS代码添加到html中。(.ui列表视图…
)
如果您使用多个主题(-a,-b,…),请根据需要随意创建更多nolink-x
样式。如果只使用一个元素,也可以跳过-a
并调用元素nolink
更新:为什么不在我关于stackoverflow的第一篇文章中创作我的第一把小提琴::)灵感来自Gajotres在年的回答,我是这样做的:
- 检查了Google Chrome开发工具中的元素
- 根据这些信息,创建了以下样式。如果您正在使用自己的主题,请确保使用正确的背景色:
.ui-listview > li.ui-li-has-alt > a.ui-btn.nolink-a {
cursor: default !important;
font-weight: normal !important;
background-color: #f5f8f9 !important; /*{a-body-background-color}*/
}
- 我个人将该样式保存在一个名为
jquery.custom.css
的文件中,并通过
将其加载到我的html中(见下文)。您还可以在
标记中将CSS代码添加到html中。(.ui列表视图…
)
如果您使用多个主题(-a,-b,…),请根据需要随意创建更多nolink-x
样式。如果只使用一个元素,也可以跳过-a
并调用元素nolink
更新:为什么不在stackoverflow的第一篇文章中创建我的第一把小提琴::),同时保持左侧的结构,不使左侧成为指向任何内容的实际链接
-我不明白左侧是文本的正文副本,内部有多个超文本链接。右侧应该是指向全文的链接。因此,需要一个拆分按钮
,同时保持左侧的结构,不使左侧成为指向任何内容的实际链接
——我不明白左侧是文本的正文副本,内部有多个超文本链接。右侧应该是指向全文的链接。因此,需要一个拆分按钮