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

  • このエントリーをはてなブックマークに追加

プラグインを複数のページなどで違う動作をしたい場合に
わざわざjsを用意して指定し直さないければいけないのが煩わしいと思っていたので
かわりにdata-*で指定したパラメーターを使うことができるjQuery プラグインを作りました!


仕様

  • 下記のようなプラグインがあった場合に
    $('.tab').tab{
    	timer: 1000,
    	num: 1,
    	isSessionStorage: true
    };
  • 下記のようにHTMLのdata属性を代わりに使うことができます。
    <p class="tab" data-timer="1000" data-num="1" is-session-storage="true"> 

使い方

  1. スクリプトの記述(プラグインの後にjquery.dataExtend.jsを読むこむ)
    <script src="js/jquery.js"></script>
    <script src="js/jquery.tab.js"></script>
    <script src="js/jquery.dataExtend.js"></script>
    
  2. $('適応したいタグ').dataExtend('プラグイン名');
    <script>
    $(function(){
    	$('.nav').dataExtend('tab');
    });
    </script> 
  3. HTMLにdata属性を記述する(キャメルケースの場合「-」でつなげる)※ is-session-storage = isSessionStorage
    <p class="tab" data-timer="1000" data-num="1" is-session-storage="true">

コメント : 0

コメントフォーム

トラックバック : 0

http://develo.org/mt/mt-tb.cgi/113

このページの先頭へ戻る