jQuery Mobile Sliderbutton Demo

Demo of the jQuery Mobile Sliderbutton plugin. http://j-ulrich.github.com/jquery-sliderbutton

by Alex Azuero

HTML

<link rel="stylesheet" href="http://j-ulrich.github.com/jquery-sliderbutton/jquery.mobile.sliderbutton.css">
<script src="http://j-ulrich.github.com/jquery-sliderbutton/jquery.mobile.sliderbutton.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
<div id="example"></div>
<textarea id="log"></textarea>

CSS

#example {
  margin: 1em;
  width: 70%;
}

#log {
  margin: 1em;
  height: 20em;
  width: 70%;
}

JavaScript

$('#example').sliderbutton({
  activate: function() {
    $('#log').val($('#log').val()+"Activate!\n");
  }
});