使用动态命名赋值动态创建的Jquery选项卡
Jquery Tabs created dynamically with dynamic naming assignments
我正在使用jquery ui选项卡创建动态选项卡,它将在没有任何内容的情况下开始。据我所知,我的代码正在构建一切并将其放在适当的位置,但jquery不将它们识别为选项卡。如何让它识别页面加载后创建的新选项卡?
html代码:
<div class="main">
<div>
<button id="new">button</button>
</div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">View1</a></li>
<li><a href="#tabs-2">View2</a></li>
<li id="createView"><a href="null">Create New</a></li>
</ul>
<div id="tabs-1">
<p>something on this page</p>
</div>
<div id="tabs-2">
<div>
<p>something else on this page</p>
</div>
</div>
</div>
</div>
Javascript: //Tabs functionality
$('#tabs').tabs();
//Create new view
var tabNum = 3;
$('#new').click(function() {
$('#tabs ul').append('<li>' + '<a href="' + '#tabs-' + tabNum + '">' + 'newitem' + '</a>' + '</li>');
$('#tabs').append('<div id="' + 'tabs-' + tabNum + '">' + '<div>new</div>' + '</div>');
var NewViewNum = 'tabs-' + tabNum;
$(NewViewNum).focus();
tabNum++;
});
jQuery UI选项卡有一个refresh
方法,您可以根据文档使用。
试着调用:
$("#tabs").tabs("refresh");
相关文章:
- 动态jQuery不在.append()之后发布表单的添加输入
- 动态jQuery验证
- 动态 JQuery 视图在 django 中
- 动态jQuery变量名
- 基于html属性的动态jquery选择器
- 带有滑动图片的动态jQuery菜单
- 动态jQuery进度条-单击事件不工作
- 使用动态jQuery
- 如何获得动态 JQuery 移动手风琴.
- 基于当前内部HTML创建动态jQuery变量名称
- 动态 jquery ui 可排序块的索引/位置
- 动态 JQuery UI 中的表排序器不起作用
- 显示和隐藏动态 jQuery UI 对话框
- 使用 JQuery 在动态 JQuery UI 对话框中为动态创建的表单元素设置值
- 你怎么能让我选择=“;选择“;动态Jquery
- 动态jQuery Waypoints循环
- 动态JQuery下拉列表没有'不起作用
- 如何勾选“复选框”动态- jQuery移动版
- 动态jQuery工具提示
- 动态jQuery内容加载