Помогите с Jquery ui.slider

Question

Я использую эту реализацию ui.slider, который управляет ui.tabs, как это найдено на веб-сайте Jquery:

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

Однако все работает нормально, когда я напрямую связываюсьна вкладке, ползунок всегда остается в своей начальной позиции (или как вы указали в качестве начального значения).

Демонстрацию можно найти здесь: http://jqueryui.com/demos/slider/tabs.html#tabs-2

Есть ли способ установкиползунок в том же положении, что и вкладка, когда он непосредственно связан с?

Большое спасибо.

Answer 1

Что-то вроде этого должно сделать это:

$(function() {
        $( "#tabs" ).tabs({
            select: function( event, ui ) {
                $( "#slider" ).slider( "value", ui.index );
            }
        });
        $( "#slider" ).slider({
            min: 0,
            max: $( "#tabs" ).tabs( "length" ) - 1,
            slide: function( event, ui ) {
                $( "#tabs" ).tabs( "select", ui.value );
            },
            value: $( "#tabs" ).tabs( "option", "selected" )
        });
    });