2

として機能する属性data-iconpos="none"を設定して、折りたたみ可能なセットからアイコンを削除しようとしましたが、うまくいきませんでした。それはそれを取り除きますが、それでもある種の影を残します。divcollapsible-set

ここに画像の説明を入力してください

4

9 に答える 9

7

これに対する唯一の解決策はCSSを使用することです。次のように、折りたたみ可能なクラスにクラスを追加してみてください。class='listItemNoIcon'

HTMLファイル内にこれを追加します：

<div  class='listItemNoIcon' data-role='collapsible' data-collapsed='false'>
</div>

これをcssファイルに追加します。

.listItemNoIcon .ui-icon
{

 display: none;

}
于 2012-11-12T11:43:18.900 に答える
5

jQuery Mobile 1.4.0を使用して、data-collapsed-iconおよびdata-expanded-icon属性をに設定することもできますfalse。

<div data-role="collapsible" data-collapsed-icon="false" data-expanded-icon="false" data-theme="a">
     <h2>My Account</h2>

    <ul class="ui-listview mainNav" data-role="listview" data-theme="a">
        <li data-icon="carat-r"> <a href="#">Manage Account</a>

        </li>
        <li data-icon="carat-r"> <a href="#">Edit Profile</a>

        </li>
        <li data-icon="carat-r"> <a href="#">Upload Profile Picture</a>

        </li>
    </ul>
</div>

jsFiddle

于 2014-01-20T14:52:46.877 に答える
2

上記の解決策では、折りたたみ可能なフィールドセット内のすべてのアイコンが非表示になることに注意してください。

折りたたみ可能なヘッダーのアイコンのみを非表示にするには、次のコマンドを使用します。

.ui-collapsible-heading .ui-icon {
    display: none;
}

jquery mobileは、折りたたみ可能なフィールドセット内の見出しにクラス'ui-collapsible-heading'を追加するためです。

jquery mobileが何かを変更することを決定するまで機能するはずです;）

于 2013-03-27T15:32:16.217 に答える
1

JQM 1.4.0rc1を使用すると、まだ問題が発生しているようです。アイコンを完全に非表示にするには、PageShowイベントで次のJavascriptロジックを使用する必要がありました。

$('#MyList').find('a.ui-collapsible-heading-toggle').each(function() {
    $(this).removeClass('ui-btn-icon-right');
});
于 2013-12-18T15:03:32.077 に答える
0

最善の方法は、アイコンを必要としないLi要素をフォローすることです。

$(<your-li-elment>).find("span.ui-icon').remove()
于 2013-11-30T20:13:28.263 に答える
0

Demnogonisが書いたものに基づいて、折りたたみ可能な親にクラスを追加することと調和して、data-collapsed-icon="noicon"私のために働きました。そうでなければ、空の円が残っていました。data-expanded-icon="noicon"ui-nodisc-icon

http://view.jquerymobile.com/master/demos/icons/ 検索：ディスクを削除する

JQM1.4.5の使用

于 2016-02-18T12:02:11.620 に答える
-1

折りたたみ可能なセットにIDを指定すると、次のことができます

#myId >.ui-icon
{

 display: none;

}

このCSSは、折りたたみ可能なセット内のクラス.ui-iconを持つすべての要素を調べ、それらの表示をnoneに設定します。

于 2013-03-27T18:00:14.427 に答える
-1

CSSを使用するか、JQMjavascriptを上書きすることができます。

  1. CSS

    .ui-折りたたみ可能な見出し.ui-icon{表示：なし; }

  2. この行のJQM検索を上書きします。collapsedIcon=$el.jqmData（ "collapsed-icon"）|| o.collapsedIcon || "プラス"; 置換：collapsedIcon =（$ el.jqmData（ "collapsed-icon"）== "none"）？false：（o.collapsedIcon || "plus"）;

この属性data-collapsed-icon="none"を以下のようにhtmlに追加します

 <li data-role="collapsible" data-inset="false"  data-collapsed-icon="none" data-icon="false">
       <h3>Section 1</h3>
       <p>I'm the collapsible set content for section 1.</p>
 </li>
于 2013-06-29T07:40:01.680 に答える
-2

jQM 1.1.1データ属性リファレンスには、折りたたみ可能なセットのdata-iconpos属性の可能な値は次のとおりであると記載されています。

左| 右| トップ| 下| notext

したがって、おそらく唯一の回避策はカスタムCSSを使用したソリューションです。

于 2012-08-24T11:49:39.070 に答える