2012/09/05

[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>

0 コメント:

コメントを投稿