为什么我不能打开这个SLDS选项列表?

时间:2016-08-15 11:33:51

标签: html css salesforce

我想使用找到 here 的SLDS选项列表。

我在我的页面中使用了其他几个SLDS元素并且它们工作正常,我已经包含了必要的SLDS css。

选项列表实际上并不适用于他们提供的示例,因此我想知道是否需要其他配置?文档没有提到任何内容。

谁能告诉我这是什么问题?

4 个答案:

答案 0 :(得分: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的安装非常复杂,我无法真正做到这一点,但希望这可以帮到你。

答案 1 :(得分:1)

那些下拉菜单需要某种javascript或jquery,所以应该有一个你必须包含的文件。 CSS只是为它所做的内容设置样式XD

答案 2 :(得分:0)

如果您只使用桌面应用程序(没有SalesForce 1),在不添加代码的情况下使其工作的一种简单方法是删除&#34;触发器 - 单击&#34;

让div这样:

  

&LT; div class =&#34; slds-dropdown-trigger slds-is-open&#34;&gt; //您的列表// &lt; / DIV&GT;

当你将鼠标放在图标上时它会起作用。

在SalesForce1中会有一个奇怪的行为,因为你无法用手指&#34;超过&#34;没有&#34;点击&#34;屏幕,记住

PS:SLDS文档中的slds-dropdown-trigger目前已弃用,请记住这一点。

答案 3 :(得分:0)

如果你不熟悉JS,你可以使用这个JS库

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

或添加&#34; slds-is-open&#34;点击课程