Две кнопки, создающие уникальные идентификаторы с использованием jQuery - для jQuery UI Sortable/Draggable

Question

Использование jQuery UI Sortable/Draggable для создания подменю. У меня есть кнопка наверху (#add_submenu), которая создает новое подменю в первой dropzone (#sortable1). Когда он создает подменю, он присваивает ему новый номер, поэтому он имеет уникальный идентификатор (и я также использую это число, чтобы дать уникальный номер каждому атрибуту кнопки).

Внутри каждого подменю есть кнопка копирования (#copy_menu), которая клонирует подменю, на которое вы нажимаете, и я пытаюсь изменить атрибуты ID (и кнопки) в новом скопированном подменю на число, которое является последовательным ко всем подменю, которые были созданы.

Вот что я до сих пор: https://jsfiddle.net/abitofbrit/w8sy5u5z/

Прямо сейчас, если вы создаете несколько подменю с помощью кнопки добавить подменю, а затем клонировать некоторые, а затем добавить еще с помощью кнопки подменю, вы в конечном итоге с несколькими подменю с тем же идентификатором, и, очевидно, это плохой синтаксис, и он также вмешивается во все остальное, что я пытаюсь сделать на этом.

Я чувствую, что я переусердствую это - любой, кто может помочь?

Answer 1

Единственный способ, которым я могу думать, что это может позволить вам постоянно генерировать новый идентификатор, - это иметь переменную, которая увеличивается каждый раз при создании нового меню, а затем добавляет этот номер в строку, чтобы сделать вверх по id. Помогает ли это?

Answer 2

Вот скрипка с работой и комментариями моего друга: https://jsfiddle.net/abitofbrit/L8qv5wky/

Основное отличие заключается в том, что он заменил мою переменную глобальной переменной во всем:

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

Имейте в виду, Есть некоторые сломанные особенности здесь, на данный момент, потому что он все еще работает, но вопрос, который я задал с изменением идентификаторов меню, работает, и это все, что мне нужно, чтобы прибить остальную часть материала. :)