1

Jquery UI AccordionRailsプロジェクトで使用しています。をデフォルトとして使用accordionしarrow imagesます。その矢印アイコンをデフォルトとして変更する必要がありPlus iconます。どこを編集してPlus and minus icon、サイト全体を変更するようにデフォルトにしますか。多くのページでアコーディオンを使用していますか?

他の投稿でこの質問に関連するものを見ました。私の場合は ruby​​-on-rails プロジェクトです。プロジェクト全体に影響を与えるために、アイコンをグローバルに変更したいと考えています。

各ページに次の行を追加して、必要なものを機能させました。DRYの原則ではないと感じています。サイト全体のすべてのページを機能させるには、このようにグローバルに設定する必要があります。

<script>
  $(function() {
    $( "#accordion" ).accordion({
      heightStyle: "content"
    });
    /* Change the accordion image to Plus and minus */
    $("#accordion").accordion("option", "icons", 
        { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' });
  });
</script>

任意の提案や助けをいただければ幸いです...

4

1 に答える 1

2

jQuery UI には、ウィジェットに関する広範なドキュメントがあります。アコーディオンのドキュメント (特にアイコンの変更について) を参照してください。

これらのドキュメントで言及されている CSS フレームワークの詳細については、こちらを参照してください。

たとえば、jQuery UI のThemerollerに移動すると、アイコンの大きなグリッドを見て、好きなものを見つけ、その上にカーソルを置いてクラス名を表示し、最初のリンクのドキュメントでその名前を使用して構成できます選択したアイコンを使用するためのアコーディオン メニュー。最初のリンクのドキュメントを見ると、この例では実際には、コンテンツが折りたたまれたり展開されたりするときにプラス アイコンとマイナス アイコンを使用しています。

于 2013-02-25T17:24:28.317 に答える