2013-08-26 131 views
0

我有2个选项卡,并希望选择第二个选定/活动。我不知道是什么样的区别主动/选择但是这个代码不工作:jquery选项卡不起作用

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

我把它改为:

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

和更改选定:2:1或0但没有运气。

我想当用户点击一个标签时,cookie应该记录选择内容,当下次访问者访问时,记住的标签应该是活动的。 谢谢

回答

4

选择不是jQuery UI选项卡小部件的有效属性。你需要使用主动。 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); 
}); 
+0

非常感谢你。代码$(“#tabs”).tabs(“option”,“active”,2);它工作完美。 – barnamah