Клонирование навигационной системы для адаптивной навигации

Question

Клонирование навигационной системы для адаптивной навигации

0

есть способ клонировать контент (в данном случае, nav). Я хочу дублировать навигацию, а затем использовать этот дублированный контент для моего отзывчивого меню.

Бонус: есть ли способ запустить скрипт "клонирования" на определенной точке останова?

благодаря

user127181 20 апр. 2014, в 16:33

Источник

0

пожалуйста, предоставьте код, который вы пытались использовать fiddle
Pratik 20 апр. 2014, в 13:45
0

У меня вообще нет кода для показа, только HTML, я часами гуглял, чтобы попытаться найти что-то, но единственное, с чем я столкнулся, это клонирование навигационной системы, чтобы заполнить выпадающий список. Я просто хочу клонировать навигацию в <nav class- "mobile0nav">
user127181 20 апр. 2014, в 13:48

Теги:

jquery

responsive-design

clone

2 ответа

0

Использовать медиа-запросы CSS, поэтому дайте классу ABC для обычного рабочего стола и дайте XYZ для реагирования. XYZ будет работать только для скрытия на маленьком экране Desktop view

Использовать ссылку http://css-tricks.com/css-media-queries/

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

http://wordpress.org/

Pratik C Joshi 20 апр. 2014, в 12:04

0

да, спасибо, я понимаю, как работают медиа-запросы, я просто не хочу два навигационных меню (хотя одно всегда будет скрыто) все время. Я хочу вызывать сценарий клонирования только в случае необходимости, скажем, когда размер экрана составляет 500 пикселей или меньше.
user127181 20 апр. 2014, в 14:00
0

Используйте медиазапрос CSS, например: 1) Small Nav (отзывчивый) всегда будет скрыт, Display: none .2) Когда разрешение 500 или меньше, сделайте его видимым. Ты понял?
Pratik 20 апр. 2014, в 14:02
0

я понимаю, но будет все время два меню, я думаю, что я нашел кое-что, что делает то, что я описываю здесь: github.com/ten1seven/jRespond , запускаю код только в определенных точках останова. Спасибо за вашу помощь
user127181 20 апр. 2014, в 14:06

Показать ещё 1 комментарий

Ещё вопросы

пожалуйста, предоставьте код, который вы пытались использовать fiddle
У меня вообще нет кода для показа, только HTML, я часами гуглял, чтобы попытаться найти что-то, но единственное, с чем я столкнулся, это клонирование навигационной системы, чтобы заполнить выпадающий список. Я просто хочу клонировать навигацию в <nav class- "mobile0nav">
да, спасибо, я понимаю, как работают медиа-запросы, я просто не хочу два навигационных меню (хотя одно всегда будет скрыто) все время. Я хочу вызывать сценарий клонирования только в случае необходимости, скажем, когда размер экрана составляет 500 пикселей или меньше.
Используйте медиазапрос CSS, например: 1) Small Nav (отзывчивый) всегда будет скрыт, Display: none .2) Когда разрешение 500 или меньше, сделайте его видимым. Ты понял?
я понимаю, но будет все время два меню, я думаю, что я нашел кое-что, что делает то, что я описываю здесь: github.com/ten1seven/jRespond , запускаю код только в определенных точках останова. Спасибо за вашу помощь

K K · Accepted Answer · 2014-04-20T11-09-00.000Z

См. JQuery Clone

Он клонирует данный элемент. Вы также можете передать необязательный параметр "true".

это прекрасно, спасибо большое. $ ("nav") .clone (). appendTo (".nav-mobile"); Теперь, есть ли способ запустить этот код только на определенной точке останова?