我想使用找到 here 的SLDS选项列表。
我在我的页面中使用了其他几个SLDS元素并且它们工作正常,我已经包含了必要的SLDS css。
选项列表实际上并不适用于他们提供的示例,因此我想知道是否需要其他配置?文档没有提到任何内容。
谁能告诉我这是什么问题?
答案 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)