jquery-ui-tabs内容干扰

Question

我正在使用jquery-ui-tabs来允许用户创建自己的选项卡,然后在他们认为合适的选项卡之间进行切换.小部件中的内容是小小部件,就像它们自己的迷你程序一样.然后,用户可以在任何给定选项卡上选择他们想要的小部件.

只要任何给定的窗口小部件仅在1个选项卡中设置,这就可以正常工作,但是,当任何给定的窗口小部件添加到2个或更多选项卡时,事情就会出错.生成窗口小部件时,它们使用数据库中的id.例如 .如果将给定的窗口小部件添加到2个或更多选项卡,它们最终会得到2个id为id相同的div,例如widget_1,这会导致问题,如您所想.

所以我的问题是,解决这个问题的最佳方法是什么？

我希望我之前知道他们希望能够在多个标签上使用相同的小部件.我觉得这几乎必须完全重写......

Answer 1

“div 名为 div1”是否具有“div1”作为类或id？

你的问题听起来像是一个id，这就是所有问题：id 必须是唯一的

要解决这个问题，请使用类 - 它们可以多次使用，并且您应该能够做完全相同的事情（但是如果没有看到一些代码，这有点很难说）。

编辑：更改了我的第一个链接以显示 w3c 推荐。我之前链接过这篇文章