0

JQuery Mobile は、分割ボタン リスト ( http://jquerymobile.com/demos/1.1.0/docs/lists/lists-split.html ) では、右側の列のアクションにアイコンを使用します。右側の列にテキストとアイコンを含むフルサイズのボタンを表示する必要があります。手伝ってくれる？

4

2 に答える 2

0

私は何年もの間これで遊んでいます...

私はそれがどのように簡単に行われるのかわかりません-多分他の誰かがそうするでしょう。

ただし、ハックの場合、分割リストの右側全体がリンクであるため、cssを使用して幅を広げ、ボタンのように見える画像をその中に入れて、CSSで：hoverに変更してみませんか。 ？

私はそれが理想的ではないことを知っていますが、それはうまくいくかもしれません。

申し訳ありませんが、これ以上の適応性のあるソリューションを提供することはできません。

于 2012-06-20T21:28:22.243 に答える
0

私の場合、ボタンの横に静的テキストが必要でした。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>
于 2013-08-04T01:41:57.390 に答える