选择的jquery选项卡不起作用

Question

我有2个标签，并希望选择第2个选择/活动。我不知道active / selected之间的区别是什么，但是这段代码不起作用：

$(function() {
  $( "#tabs" ).tabs();
  $( "#tabs" ).tabs({ selected: "#tabs-1" });
});

我把它改为：

$(function() {
  $( "#tabs" ).tabs();
  $( "#tabs" ).tabs({ selected: 2 });
});

并更改所选：2为1或0但没有运气。

我想当用户点击标签时，Cookie会记录选择，当访问者下次访问时，记住的标签应该是有效的。 感谢

Answer 1

selected不是jQuery UI tabs小部件的有效属性。你需要使用主动。 http://api.jqueryui.com/tabs/

此代码不起作用的原因是您初始化选项卡小部件两次：

$(function() {
    $( "#tabs" ).tabs(); //initialize tabs without specifying selected.
    $( "#tabs" ).tabs({ selected: 2 }); //doesn't work
});

要么这样做：

$(function() {
    $( "#tabs" ).tabs({ active: 2 });
});

或者这个：

$(function() {
    $( "#tabs" ).tabs();
    $( "#tabs" ).tabs( "option", "active", 2 );
});