Форум Сайтостроение Веб-строительство

Клонирование нескольких элементов jQuery

Василич#
На сайте с 10.03.2009
Offline
111
Василич#
549

Здравствуйте ! Возникла необходимость при адаптивном дизайне (мобильном), вызывать меню сайта путём клонирования, но стилизации под мобильные устройства.

Так на десктопной версии "условно" есть 2 меню (Категории и сервисы), соответственно:

<div id="cat"></div> и

<div id="sub-cat"></div>.

Применяю функцию клонирования:

$("#mobile-menu").html($('#cat').clone());

и соответственно у меня клон вида:

<div id="mobile-menu">

<div id="cat"></div>

</div>

Теперь, собственно, встал вопрос "вкорячить" туда еще и второе меню с sub-cat, чтобы было:

<div id="mobile-menu">

<div id="cat"></div>

<div id="sub-cat"></div>

</div>

Если можно, пните в нужном направлении. Заранее благодарен !

bmw-power.com.ua (https://bmw-power.com.ua)
LEOnidUKG
На сайте с 25.11.2006
Offline
1723
LEOnidUKG
#1

Хм...

https://api.jquery.com/clone/

appendTo не про вас?

Сначала клон один, а потом второй клон второго меню присоединить к первому.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
Василич#
На сайте с 10.03.2009
Offline
111
Василич#
#2

Огромное спасибо ! В java не силён, но вроде по Вашему примеру понял:

$("#mobile-menu").html($('#cat').clone());
$( "#sub-cat" ).clone().prependTo( "#cat" );

Верно ?)

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
LEOnidUKG
#3
Василич#:
Огромное спасибо ! В java не силён, но вроде по Вашему примеру понял:

Верно ?)

Тестируйте. В тестах все ответы. 🍿

Василич#
На сайте с 10.03.2009
Offline
111
Василич#
#4
LEOnidUKG:
Тестируйте. В тестах все ответы.

Большое спасибо ! Все работает на отлично !

Но вот такая штука, оно вставляет непосредственно сразу во вложение:

$("#mobile-menu").html($('#menu').clone());
$( "#services" ).clone().prependTo( "#mobile-menu #menu" );

т.е. сразу в меню #menu внутрь, а если в #mobile-menu, то получается второстепенная менюшка вылазит первой :)

Может есть какие-то событыя, какие вставляли бы в after ?) (после закрытыя дива, а не внутрь его.

P.s. Сам вот прочитал что написал и ничего не понял :D Но по-другому сложно обьяснить)))

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
LEOnidUKG
#5

Их много разных:

https://stackoverflow.com/questions/14846506/append-prepend-after-and-before

Василич#
На сайте с 10.03.2009
Offline
111
Василич#
#6
LEOnidUKG:
Их много разных:

https://stackoverflow.com/questions/...ter-and-before

Миллион благодарностей !))))

Посмотрел по Вашей ссылке, много чего узнал. Так как .after не сработал, погуглил и открыл для себя .insertAfter :)

Все работает и так как надо ! В очередной раз Вам спасибо за помощь ! 🍻

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий