jquery移動滑塊控件與選項卡

Question

我正在使用jquery移動1.0

我想精確控制像這樣在jquery移動。

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

但不是顯示了不同的標籤，我想檢索提示框的tabid。

做我們對jQuery Mobile的相同的控制。

在此先感謝。

Answer 1

您可以將事件處理程序綁定到change事件的jQuery Mobile的滑塊控件，並使用它的值作爲指標。您將設置滑塊接受零值標籤減去一個數量（0-2，如果你有三個選項卡）：

$('#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); 
});