我试图在单击按钮时添加动态选项卡。我成功地完成了它。现在我希望在创建动态选项卡时自动选择它。
这是我的代码:
$(document).ready(function(){
var tabs = $("#container-1").tabs();
$('#add_tab').click( function(){
var ul = tabs.find( "ul" );
$( "<li><a href='#newtab'>New Tab</a></li>" ).appendTo( ul );
$( "<div id='newtab'>Name :<input type='text'></input></div>" ).appendTo( tabs );
tabs.tabs( "refresh" );
tabs.tabs("select", 1);
});
});
我使用CDN链接的顺序是:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
问题是我的动态选项卡没有被自动选择
我得到的错误是:
Error: no such method 'select' for tabs widget instance
http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
Line 2
我该如何解决这个问题?
注意:我的代码正在 jsfiddle 中运行:http://jsfiddle.net/StDbH/
但不适用于我的系统:Fedora 16 + Firefox 18.0.1
最佳答案
关于JQuery UI 动态选项卡 - 自动选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14576358/