jqueryモバイルスライダコントロール（タブ付き）

Question

私はJquery Mobile 1.0を使用しています。

jquery mobileでは、このような正確な制御が必要です。

http://jqueryui.com/demos/slider/tabs.html

ではなく、私は警告ボックスでtabidを取得する別のタブを示したの。

私たちはjquery mobileと同じコントロールを持っていますか？

ありがとうございます。

Answer 1

イベントハンドラは、jQuery Mobile Sliderウィジェットのchangeイベントにバインドし、その値をインデックスとして使用できます。あなたは（あなたは3つのタブがある場合0-2）、ゼロからのタブから1を引いた数に値を受け入れるようにスライダーを設定します：

$('#my-slider-id').bind('change', function() { 
    var index = this.value; 
}); 

あなたはその後、タブのいずれかのIDを選択するには、このインデックスを使用することができます。タブは親要素内にあるため、その要素を選択して、スライダと同じインデックスの子を選択できます。

$('#my-slider-id').bind('change', function() { 
    var newID = $('#tab-parent-id').children().eq(this.value)[0].id;//remember that `this.value` is the current index 

    alert('The selected tab is: ' + newID); 
});