Jquery mobile 拆分按钮列表视图,不带第一个<;a>;标签?

Jquery mobile 拆分按钮列表视图,不带第一个<;a>;标签?,jquery-mobile,expandablelistview,split-button,Jquery Mobile,Expandablelistview,Split Button,我需要一个右对齐的按钮,在的中间> UL数据角色=“ListVIEW”/> 元素.< /P> 这里是我正在使用的HTML,这是我能想到的最好的,但是它不是一个完全分裂的按钮,它甚至不在内容的中间对齐… 纽约集团申请CDFI身份 纽约商业发展公司位于奥尔巴尼市中心 因此,这里的问题是,我有点希望它以与拆分按钮方法相同的方式显示,但是,如果我尝试使用此方法,它会破坏它的外观,因为我没有第一个 我怎样才能使它成为一个分割按钮,同时保持左侧的结构,而不使左侧成为任何实际链接,从而保持其他链接

我需要一个右对齐的按钮,在<代码>的中间> UL数据角色=“ListVIEW”/> 元素.< /P>

这里是我正在使用的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的第一篇文章中创建我的第一把小提琴::)

,同时保持左侧的结构,不使左侧成为指向任何内容的实际链接
-我不明白左侧是文本的正文副本,内部有多个超文本链接。右侧应该是指向
全文的链接。因此,需要一个
拆分按钮
,同时保持左侧的结构,不使左侧成为指向任何内容的实际链接
——我不明白左侧是文本的正文副本,内部有多个超文本链接。右侧应该是指向
全文的链接。因此,需要一个
拆分按钮