Javascript 向多个选项卡添加相同的jqueryui

我希望能够对每个选项卡使用相同的jqueryui。现在，代码只在其中一个选项卡中起作用。。。但其他的就不行了。关于我如何才能做到这一点，有什么想法吗

这是我要应用于html的jquery：

$（文档）.ready（函数（e）{
//创建按钮并添加功能
$（“#添加待办事项”）。按钮({
图标：{
}
})。单击（函数（）{
$（'newtodo'）。对话框（'open'）；
})；//结束单击
//“生成”对话框并添加功能
$（“#新待办事项”）。对话框({
莫代尔：是的，
自动打开：错误，
按钮：{
“添加任务”：函数（）{
var taskName=$（'#task'）.val（）；
如果（任务名==''）{
返回false；
} 
var taskHTML='
✅；'；
taskHTML+='✄；'；
taskHTML+='
'；
//将HTML字符串转换为jQuery对象
var$newTask=$（taskHTML）；
//添加taskname，但确保转义HTML
$newTask.find（'.task'）.text（taskName）；
//隐藏新任务
$newTask.hide（）；
//附加到待办事项列表
$（“#待办事项列表”）.prepend（$newTask）；
//显示效果并突出显示
$newTask.show（'clip'，250）。效果（'highlight'，1000）；
$（this.dialog（'close'）；
},
“取消”：函数（）{
$（this.dialog（'close'）；
}
},
关闭：函数（）{
$（'#新todo输入'）.val（''）/*清除字段*/
}
})；//结束对话框
//标记为完整
$（“#待办事项列表”）。在（'click'，'.done'，function（）上{
var$taskItem=$（this.parent（'li'）；
$taskItem.slideUp（250，函数（）{
var$this=$（this）；
$this.detach（）；
$（“#已完成列表”）.prepend（$this）；
$this.slideDown（）；
});
})；//结束
//使两个列表都可排序
$（'.sortlist'）。可排序({
连接到：'.sortlist'，
光标：“指针”，
占位符：“ui状态突出显示”，
取消：'.删除，.done'
})；//结束可排序
//删除列表项
$（'.sortlist'）。在（'click'，'.delete'，函数（）上{
$（this）.parent（'li'）.effect（'puff'，function（）{
$（this.remove（）；
})；//结束效果
})；//结束
}); // 结束就绪

目标
单击此处添加目标
你想什么时候做？
以下是我说过的我今天要完成的事情：

✅；
✄；


这些是我已经完成的事情：



目标：

如果要将内容复制到其他选项卡中，您必须考虑数据的结构以及需要复制的内容。我个人会用javascript创建对象，然后将其附加到选项卡中。您需要特别小心任何ID，并确保它们是唯一的（在下面的代码段中我没有做过）。 比如：

$（函数（）{
var mydiv=$（“”+
""+
“目标”+
“单击此处添加目标”+
“你想什么时候做？”+
""+
""+
""+
""+
""+
“这些是我说过的我今天要完成的事情：”+
“
”+
“
✅；”+
“✄；”+
“
”+
“
”+
""+
""+
“这些是我已经完成的事情：”+
“
”+
“
”+
""+
""+
“”+
“目标：”+
""+
“
”+
"");
对于（var i=1；i目前重用模板的最简单、最常见和最可靠的方法是使用带有
type=“text/template”
的
标记

或者，如果浏览器支持不是问题，您可以使用标记或

还可以将模板作为
.html
文件，并通过AJAX（jQuery、RequireJS、AngularJS等支持此功能）加载，这有点复杂


$（文档）.ready（函数（e）{
$（'.tab content'）.append（$（'.#tabsTemplate'）.html（）；
$（“#tabs”）.tabs（）；
})；//结束就绪

目标
单击此处添加目标
你想什么时候做？
以下是我说过的我今天要完成的事情：

✅；
✄；


这些是我已经完成的事情：



目标：









您到底在寻找什么？如果您想要选项卡，可以使用$（“#tabs”）.tabs（）。或者如果一个页面中有多个选项卡组，请将ID更改为类并使用$（“.tabs”）.tabs（）。@Nielsvh我希望能够在每个选项卡上使用相同的jquery功能（todo列表）。只有部分功能可以通过添加$（）.tabs（）来工作缺少什么功能？当您将一个div设置为选项卡区域时，所有列表项都将成为选项卡，相应的div将成为其内容。请看我的答案。两个具有“tabs”类的div都将成为选项卡。您指的是非核心小部件还是标准选项卡（）？等等……你想在其他选项卡中复制#tabs-1的内容而不复制HTML吗？老实说，我不知道type=“text/template”存在。你知道的越多。