Javascript jqueryui.slider的帮助

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

一切正常，但当我直接链接到选项卡时，滑块始终保持在其初始位置（或您声明的初始值）

演示可以在这里找到：

当滑块直接链接到选项卡时，有没有办法将其设置到与选项卡相同的位置

---

非常感谢。

像这样的东西应该可以：

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

---

非常感谢幽会者的快速回复。我会尝试一下，然后再给你回复：）