ホーム > change (全3件)
  • jQuery UIのSliderの値が変わった時（確定後）の処理を指定する

    スライダーの値が変わった時の処理を指定する。

    $( ".slider" ).slider( {
	change:function(event, ui) {
		/* ui.valueに変更された値が格納されている */
		alert( ui.value );
	}
} );

    changeイベントは値が確定した後になるため、ui.value の値と slider( ‘value’ ) で取得できる値と一致する。

    キーワード:
  • jQuery UIのSliderを使う

    sliderクラスの要素にjQuery UIのSliderを適用させる。

    $( ".slider" ).slider( {
	min: 0, /* default: 0 */
	max: 5, /* default: 100 */
	step: 1, /* defaut: 1 */
	value: 0, /* default: 0 */
	orientation: 'horizontal', /* default: 'horizontal' or 'vertical' */
	slide:function(event, ui) { },
	change:function(event, ui) { }
} );

<!-- html部分 -->
<div id="slider1" class="slider"></div>
    キーワード:
  • onChangeイベントを処理する

    IDがperfのSELECT要素のonChangeイベントを処理する。

    $( '#perf' ).change( function () {
	// ここに処理内容を記述
} );

    選択されたOPTION要素（の値）、処理中に $(this).children(':selected').val() を記述する。

    キーワード:
 
 
常用漢字チェッカー WordPress私的マニュアル 主にjQueryのメモ