[jQueryUI]sliderのイベント設定

sliderを設定したからには、当然、次のことがしたくなります。

• slideをまさにする瞬間の値がほしい
• slide中の値がほしい
• slideした後の値がほしい

これは、それぞれ、

• start
• slide
• stop

メソッドをバインドさせることで、取得することができます。

33

ソースコードは↓

<style>#slider_test003{width:200px;}</style> <div id="slider_test003"></div> <div id="slider_test003value">33</div> <script> $(function() { $( "#slider_test003" ).slider({ max:200, min:1, value:33, start:function(event, ui){ $('#slider_test003value').text(ui.value); }, stop:function(event, ui){ $('#slider_test003value').text(ui.value); }, slide:function(event, ui){ $('#slider_test003value').text(ui.value); } }); }); </script>