Skip to content
I can be replaced by the data attribute Parameta of jQuery plug-in.
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
.gitignore
README.md
extraToggleClass.html
index.html

README.md

jquery.dataExtend

I can be replaced by the data attribute Parameta of jQuery plug-in.

If you want to operate in a different page and a plurality of plug Because I thought this cumbersome and is not do unless you do not re-specified by preparing a js bother I made a jQuery plug-in that you can use the parameters specified in the data-* instead.

[DEMO] [DEMO]: https://github.com/kamem/jquery.dataExtend

Specification

  • If there is a plug-in as described below.

      $('.tab').tab{
      	timer: 1000,
      	num: 1,
      	isSessionStorage: true
      };
    
  • you can use instead the data attribute of HTML as described below.

      <p class="tab" data-timer="1000" data-num="1" is-session-storage="true">
    

Usage

  1. description of the script. There is a need to write a jquery.dataExtend.js after the plug-in

     <script src="js/jquery.js"></script>
     <script src="js/jquery.tab.js"></script>
     <script src="js/jquery.dataExtend.js"></script>
    
  2. $('tag you want to adaptation').dataExtemd('plug-in name');

     <script>
     $(function(){
     	$('.nav').dataExtend('tab');
     });
     </script>
    
  3. you write the data attribute in HTML(you connect the "-" If camelcase)※ is-session-storage = isSessionStorage

     <p class="tab" data-timer="1000" data-num="1" is-session-storage="true">
    

License

You can’t perform that action at this time.