我正在使用一个插件（称为renderJs），它允许从可重用的小工具（HTML5 混搭）构建 HTML 页面。默认情况下，小工具将如下所示：
<div id="header"
data-gadget-module="header"
data-gadget="html/modules/header.html"></div>
该插件保留所有小工具的索引，使各个小工具可以通过 访问id=header"，小工具存储在 gadgetIndex 中。
我的问题是，我将它与jQueryMobile一起使用，所以我不喜欢使用它，id-attributes特别是因为我想实例化和重用某些小工具（如上面的，应该在每个页面上）。
我检查了JQM和jQueryUI（都使用jQuery UI 小部件工厂）内部的实例化，其中包括为每个小部件实例分配一个唯一的UUID.
我的问题：
如果必须经常引用这些，我将如何最好地在可重复使用的小工具上设置唯一标识符？
我可以在我正在创建的每个小工具上分配一个运行计数器，并将其分配在小工具原型对象的某个位置，但是因为我需要通过 UUID 大量引用小工具，并且还必须state通过 URL 管理小工具（= 所有小工具的页面可能最终出现在 URL 中），我想知道如果我不能使用 id 来标记和识别小工具的最佳方法是什么？