-
Notifications
You must be signed in to change notification settings - Fork 0
aronallen/switchify
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
#Switchify Switchify is a jQuery plugin that emulates a switch from UIKit in WebKit/Gecko. It uses jQuery Data to store it's options and elements, these are name spaced switchify:options and switchify:elements, respectivly, and can be accessed if you need to. If you need to manipulate any options, do so by calling Switchify again, and pass in the differing options. ##Supported Browsers Tested in the following browsers: IE 8, 9 Firefox 7 Safari 5 Opera 11 Chrome 15 ##Sample http://aronallen.com/samples/switchify/ ##Parameters Switchify accepts two parameters, the first parameter is the options parameter. ###Options - size: 44, //the height of the switch, the width is calculated from this value depending on the string lengths - strings: - on: "ON", //the label shown when the switch is on. - off: "OFF", //the label shown when the switch is off. - state: true, //the state of the switch (access this value externally by $(element).data('switchify:options').state) - shading: true, //whether to apply shading on the switch or not (gradients and box-shadows) - clickable: true //whether the user can click the switch, instead of dragging it. ###Callback The second parameter is a callback parameter, it is called each time the user has stopped interacting, and the animations have ended. function(state){ console.log(state); } ##Attributions Embedded BrowserDetect from http://www.quirksmode.org/js/detect.html ##License You are free to use the plugin as you see fit. If you use my plugin, please consider attributing me somewhere on your site with a link to my homepage or to the github project page. Thank you!
About
A CSS/JS reimplementation of UI switch for WebKit and Gecko.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published