jquery - 是否可以将带有文本的按钮用于 jquery 移动拆分按钮列表？

Question

JQuery Mobile 在拆分按钮列表中使用右栏中的操作图标：http: //jquerymobile.com/demos/1.1.0/docs/lists/lists-split.html。我需要为右列显示一个带有文本和图标的全尺寸按钮。你能帮忙吗？

Answer 1

这玩意儿我玩了好多年了……

我看不出它是如何轻松完成的——也许其他人会。

但是，对于 hack，由于拆分列表的整个右侧是一个链接，为什么不使用 css 使其更宽，并在其中放入一个看起来像按钮的图像，CSSing 以在 :hover 上更改它?

我知道这并不理想，但它可能只是工作。

抱歉不能给你更适应的解决方案！

Answer 2

就我而言，我需要按钮旁边的静态文本。我能够使用 CSS2+ 完成这一切。不需要javascript。希望这可以帮助某人。

CSS：

.split-icon-link {
width: 116px !important;
}

 .split-icon-link > .ui-btn-inner:before {
float: left;
font-size: 15px;
padding: .7em 4px;
content: "View Store"; /*this is the text to display*/
}

HTML：

 <ul data-role="listview" data-inset="true" data-split-icon="home"
 data-split-theme="d">
        <li>
            <a href="#yoururl">
                <span>The big button text</span>
            </a>
            <a class="split-icon-link" href="#splitbututoniconurl"></a>
        </li>
  </ul>