我使用jQueryUI的选项卡以显示多个列表。每个列表是从外部文件拉入。虽然每个列表是独特的,它们之间存在一些共同的功能 - 例如,用户能够从每个列表中删除项目

我使用当前选择的选项卡,以确定如何处理该页面,如下所示:

$("#tabs").tabs({
    load: function(event, ui){
        var tab = $("#tabs").tabs("option", "selected");
        switch(tab){
            case 0:
                // do stuff here
                break;
            case 1:
                // do stuff here
                break;
        }
    }
});

在“//做的东西在这里”我指的是每个列表,这是在一个表中,有其自身的ID。

然而,当用户想要删除我重复使用相同的ID中的项目:

$("#dlg_delete").dialog();  // options removed for brevity

用id =“dlg_delete”在div出现在被点击选项卡时被动态加载的每个页面。

是否确定重新使用相同的ID,因为它只能加载一次?或者是有什么我可能会丢失。它是非常容易,对于代码重用,只是有一个ID。

有帮助吗?

解决方案

只要有与在任何给定时间的DOM这个ID只有一个元素是,没关系,如果我理解正确的。

这样的话,如果你想访问由ID的东西,你还是可以的。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top