[英]Set data-plugin-options programmatically in Foundation
我已阅读此文档 ,并找到了在元素本身上使用内联的插件选项。 但是当我使用相同的插件选项创建多个元素时,它看起来像是DRY代码。
例如,我使用相同的plugin-options创建一个dropdown元素
<div class="dropdown-pane pop-menu" data-position="top" data-alignment="right" data-close-on-click="true" id="product-id1" data-dropdown></div>
<div class="dropdown-pane pop-menu" data-position="top" data-alignment="right" data-close-on-click="true" id="product-id2" data-dropdown></div>
如何在Javascript上设置数据插件选项? 也许像这样
Foundation.dropdown({
position : 'top',
alignment : 'right'
})
来自Foundation文档: 配置插件
使用JavaScript设置选项涉及将对象传递到构造函数中
就您而言,它就像:
var options = {position: 'top', alignment: 'right', closeOnClick: true};
var dropdown = new Foundation.Dropdown($('#product-id1, #product-id2'), options);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.