Question

JQuery Mobile在拆分按钮列表中使用右列中操作的图标：http://jquerymobile.com/demos/1.1.0/docs/lists/lists-split.html。我需要显示一个完整大小的按钮，右侧列包含文本和图标。你能帮忙吗？

Answer 1

我多年来一直在玩这个......

我看不出它是如何轻易完成的 - 也许其他人会这样做。

但是，对于黑客攻击，由于拆分列表的整个右侧是一个链接，为什么不用css使其更宽，并将图像放入看起来像按钮的图像中，使用CSS来改变它on：悬停？

我知道这不太理想，但它可能会奏效。

抱歉，无法为您提供更具适应性的解决方案！

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>

是否可以使用带有文本的按钮作为jquery移动分割按钮列表？

2 个答案: