帮助使用Jquery ui.slider

Help with Jquery ui.slider

本文关键字：ui slider Jquery 帮助      更新时间：2023-09-26

我正在使用这个ui的实现。控制ui的滑块。

http://jqueryui.com/demos/slider/标签

一切都很好，但是当我直接链接到一个选项卡时，滑块总是停留在它的初始位置(或任何你设定的初始值)。

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

是否有任何方法可以将滑块设置为与标签直接链接时相同的位置?

应该这样做:

$(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" )
        });
    });
相关文章：