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

时间:2016-10-06 20:39:25

标签: jquery jquery-ui attributes jquery-ui-sortable unique-id

使用jQuery UI Sortable / Draggable创建子菜单。我在顶部有一个按钮(#add_submenu),它在第一个dropzone(#sortable1)中创建了一个新的子菜单。当它创建子菜单时,它会为其分配一个新的数字,因此它具有唯一的ID(我也使用该数字为每个按钮属性提供唯一的编号)。

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

以下是我到目前为止的内容:https://jsfiddle.net/abitofbrit/w8sy5u5z/

现在,如果你使用add子菜单按钮创建一些子菜单,然后克隆一些,然后使用子菜单按钮添加更多,你最终得到一些具有相同ID的子菜单,显然,这是不好的语法,它是我还试图搞清楚其他所有事情。

我觉得我在想这个 - 有人能帮忙吗?

2 个答案:

答案 0 :(得分:1)

我能想到的唯一方法可能会让你不断生成一个新的id,就是每次创建一个新菜单时都有一个增加1的变量,然后将该数字添加到一个字符串中以弥补身份证。这有帮助吗?

答案 1 :(得分:0)

这是我朋友的工作和评论的小提琴:https://jsfiddle.net/abitofbrit/L8qv5wky/

主要区别在于他用全局变量替换了我的变量:

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

请记住,目前这里有一些破碎的功能,因为它仍在继续工作,但我提出的更改菜单ID的问题正在发挥作用,而这就是我需要确定的其余部分。 :)