Jquery ui.slider 帮助

Question

我正在使用 ui.slider 的实现，它控制 Jquery 网站上找到的 ui.tabs：

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" )
        });
    });