このSLDSピックリストを開くことができないのはなぜですか？

Question

見つかったSLDS選択リストを使用したいhere

私は自分のページに他のSLDS要素をいくつか使用していますが、問題なく動作します。必要なSLDS CSSが含まれています。

ピックリストは、実際には提供されている例では機能しないため、追加の設定が必要かどうか疑問に思っていますか？ドキュメントには何も言及されていません。

問題は何ですか？

Answer 1

SLDSドキュメントを読んだ後の私の理解から、SLDSは単なるCSSの「フレームワーク」です。ピックリストを開くには、Javascriptをいくつか追加する必要があります。具体的には、要素（ピックリスト）にクラスslds-is-openを追加することでピックリストを開くことができます。下のdivにクラスを適用してください。

<div class="slds-picklist slds-dropdown-trigger slds-dropdown-trigger--click slds-is-open" aria-expanded="true"> 

SLDSはインストールが非常に複雑ですが、これはデモを実際に行うことはできませんが、うまくいけば、これはあなたを助けることができます。

Answer 2

これらのドロップダウンには、何らかの種類のjavascriptまたはjqueryが必要です。そのため、含める必要があるファイルがあります。 CSSは動作しないコンテンツをスタイルするだけです。XD

Answer 3

デスクトップアプリケーションのみで作業している場合（SalesForceはありません）、コードを追加しないで簡単に動作させるには、 "トリガークリック"

は、このようなdiv要素だけしてみましょう：

<のdivクラス= "のSLD-ドロップダウン・トリガーのSLDは、あるオープン">//リスト// </div>の

それはの上にあなたのマウスを置くときアイコンが働くでしょう。

、あなたの指を置くことができないので、画面「クリック」なし「の上に」SalesForce1で奇妙な振る舞いを持つことになりますは心のそれを保ちます。

PS：slds-dropdown-triggerがで、SLDSのドキュメントの現時点ではになりました。

Answer 4

あなたは、このライブラリ

http://aljs.appiphony.com/#!/picklists

またはクリック

の「SLDのは、あるオープン」クラスを追加するJS使用することができますJSとあなたの快適されていない場合