[英]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.