我正在使用ui.slider的这个实现来控制在Jquery网站上找到的ui.tabs:
http://jqueryui.com/demos/slider/#tabs
一切正常但是当我直接链接到标签时,滑块始终保持在其初始位置(或者您说的初始值)。
演示可以在这里找到:http://jqueryui.com/demos/slider/tabs.html#tabs-2
当滑块直接链接到标签时,有没有办法将滑块设置到与标签相同的位置?
非常感谢。
答案 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" )
});
});