4

jquery モバイルの折りたたみ可能なリストのプラス アイコンの近くに別のアイコンを追加したいと思います。ただし、jquery mobile はそのアイコンを動的に作成するため、追加できませんでした。どんな提案でも大歓迎です！

4

2 に答える 2

3

これは確かにハックですが、ページが初期化されるのを待ってから、リストビューウィジェットを見つけて、アイコンのjQueryMobileHTMLを各リストアイテムに追加できます。

//wait for a certain pseudo-page to initialize
$(document).delegate('#home', 'pageinit', function () {

    //find the listview and append to it's second tier children (the `<div class="ui-btn-inner ui-li" />` element)
    $(this).find('ul[data-role="listview"]').children().children().append('<span class="ui-icon ui-icon-home ui-icon-shadow" style="right:30px;">&nbsp;</span>');
});​

新しいアイコンのCSSプロパティを変更してright、最初のアイコンと重ならないようにしたことに注意してください。

これがデモです：http：//jsfiddle.net/uZxXB/

于 2012-04-24T19:33:33.267 に答える
0 
<fieldset data-role="collapsible" data-iconpos="left" >
                        <h1 ><span    class="ui-icon ui-icon-home ui-icon-shadow ui-btn-icon-right" style="right:30px;">&nbsp;</span>Header</h1>

htmlに追加できます

左と右に 2 つのアイコンがあり、jQuery min の css をテキスト中央揃えに変更します。

.ui-collapsible-heading .ui-btn{text-align:center;margin:0;border-left-width:0;
于 2015-03-27T04:57:22.260 に答える