Foundation에서 data-plugin-options를 프로그래밍 방식으로 설정하십시오.

Question

이 글은 docs이며, 요소 자체에서 인라인을 사용하는 플러그인 옵션을 발견했습니다. 그러나 동일한 플러그인 옵션을 사용하여 여러 요소를 만들면 DRY 코드가 나타납니다.

예를 들어 어떻게 자바 스크립트에서 데이터 플러그인-옵션을 설정 같은 플러그인 - 옵션

<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 : 자바 스크립트 생성자 함수 귀하의 경우에는

로 객체를 전달 포함하여 Configuring Plugins

설정 옵션, 그것은 같은 것 :

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