Question

我使用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;
        }
    }
});

在“// do stuff here”中，我引用每个列表，它在表中，并带有自己的ID。

但是，当用户想要删除某个项目时，我会重复使用相同的ID：

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

单击选项卡时动态加载的每个页面中都会显示id ='dlg_delete'的div。

重复使用相同的ID是否可以，因为它只能加载一次？或者有什么我可能会失踪。对于代码重用，只需要一个id就容易得多。

Answer 1

只要在任何给定时间内DOM中只有一个带有该id的元素，如果我理解正确的话就没问题。

这样，如果你想通过id访问某些东西，你仍然可以。

JQueryUI选项卡：可以重用DOM元素ID吗？

1 个答案: