使用 jQuery 创建唯一 ID 的两个按钮 - 用于 jQuery UI 可排序/可拖动

Question

使用 jQuery UI 可排序/可拖动来创建子菜单。我在顶部有一个按钮 (#add_submenu)，它在第一个放置区 (#sortable1) 中创建了一个新的子菜单。当它创建子菜单时，它会为其分配一个新编号，因此它具有唯一的 ID（我还使用该编号为每个按钮属性提供唯一编号）。

在每个子菜单中，有一个复制按钮 (#copy_menu) 可以克隆您单击的子菜单，我正在尝试将新复制的子菜单上的 ID（和按钮属性）更改为一个数字与已创建的所有子菜单连续。

这是我目前所拥有的：https://jsfiddle.net/abitofbrit/w8sy5u5z/

现在，如果您使用添加子菜单按钮创建一些子菜单，然后克隆一些子菜单，然后使用子菜单按钮添加更多子菜单，您最终会得到一些具有相同 ID 的子菜单，显然，这是一种糟糕的语法，而且也把我试图做的其他事情搞砸了。

我觉得我想多了 - 有人能帮忙吗？

Answer 1

我能想到的唯一可能让您不断生成新 id 的方法是让变量在每次创建新菜单时递增 1，然后将该数字添加到字符串中以组成身份证。这有帮助吗？

Answer 2

这是我朋友的作品和 cmets 的小提琴：https://jsfiddle.net/abitofbrit/L8qv5wky/

主要区别在于他将我的变量替换为全局变量：

$menuID = 0; //added global ELW
//var newMenuID = 0; //removed ELW

请记住，目前这里有一些损坏的功能，因为它仍在处理中，但我提出的关于更改菜单 ID 的问题是有效的，这就是我需要确定其余内容的全部内容. :)