jQuery Pluginをパラメーターの代わりにdata属性で代用できるプラグイン

Data

2017/03/26

Tag

プラグインを複数のページなどで違う動作をしたい場合に
わざわざjsを用意してパラメーターを指定し直さないければいけないのが煩わしいと思っていました。

その代わりにdata-*でパラメーターを指定して使うことができるjQueryプラグインです。

インストール

npm install jquery.plugin-from-data-attr

下記のようなプラグインがあった場合に

$('.tab').tab({
    timer: 1000,
    num: 1,
    isSessionStorage: true
});

下記のようにHTMLのdata属性を代わりに使うことができます。
```
<p class="tab" data-timer="1000" data-num="1" is-session-storage="true">
```

スクリプトの記述（プラグインの後にjquery.pluginFromDataAttr.jsを読むこむ）

<script src="js/jquery.js"></script>
<script src="js/jquery.tab.js"></script>
<script src="js/jquery.pluginFromDataAttr.js"></script>

$('適応したいタグ').dataExtend('プラグイン名');

<script>
$(function(){
    $('.nav').pluginFromDataAttr('tab');
});
</script>

HTMLにdata属性を記述する（キャメルケースの場合「-」でつなげる）※ is-session-storage = isSessionStorage
```
<p class="tab" data-timer="1000" data-num="1" is-session-storage="true">
```