帮助Jquery ui.slider

时间:2011-07-22 16:55:50

标签: javascript jquery jquery-ui jquery-ui-tabs uislider

我正在使用ui.slider的这个实现来控制在Jquery网站上找到的ui.tabs:

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

一切正常但是当我直接链接到标签时,滑块始终保持在其初始位置(或者您说的初始值)。

演示可以在这里找到:http://jqueryui.com/demos/slider/tabs.html#tabs-2

当滑块直接链接到标签时,有没有办法将滑块设置到与标签相同的位置?

非常感谢。

1 个答案:

答案 0 :(得分:0)

这样的事情应该这样做:

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