Foundationでdata-plugin-optionsをプログラムで設定する

Question

これはdocsであり、要素自体にインラインを使用するプラグインオプションが見つかりました。しかし、同じプラグインオプションで複数の要素を作成するとDRYコードが見えます。

は、例えば、私はどのようにJavaScriptをデータ・プラグイン・オプションを設定するには、同じプラグイン・オプション

<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> 

とドロップダウン要素を作成しますか？多分財団のドキュメントからこの

Foundation.dropdown({ 
    position : 'top', 
    alignment : 'right' 
}) 

Answer 1

ようsomehing：JavaScriptを使用してオプションを設定Configuring Plugins

は、あなたの場合は

コンストラクタ関数にオブジェクトを渡す必要、それは次のようになります：

var options = {position: 'top', alignment: 'right', closeOnClick: true}; 
var dropdown = new Foundation.Dropdown($('#product-id1, #product-id2'), options);