Как обернуть элемент?
Скажите, как можно обернуть элемент, если он вставлен на страницу с помощью jquery. Юзаю один jquery плагин, там меню создается через jquery скрипт.
Такой вариант не работает: $(".div").wrap("<div class='divWrap'></div>"); Как можно его обернуть? Заранее спасибо! |
<!DOCTYPE HTML> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> </head> <body> <style> .div {background: black; color: white;display: inline-block;} .divWrap {background: red;padding: 20px;display: inline-block;} </style> <script> $('<div class="div">Some text</div>').appendTo('body'); $(".div").wrap("<div class='divWrap'></div>"); </script> </body> </html> |
Спасибо, но немного не то. Мне нужно обернуть именно меню, которое создается через jquery. Еще раз: С помощью jquery создается меню:
<div class="topNav"> <li class="topNavLink1"> <li class="topNavLink2"> <li class="topNavLink3"> ... </div> А в Вашем примере оборачивается div, который Вы создаете отдельно. Мне же нужно обернуть конкретно <div class="topNav">, который создается через jquery, Т.е в html коде его нет. |
В моем примере тоже дива изначально нет, и он создается с помощью JQuery и все работает.
Возможно у вас проблема в том что вы слишком рано пытаетесь обернуть (то есть дива .topNav еще нет а вы уже пытаетесь обернуть) Приведите небольшой пример (как мой) где видно что не работает. |
К сожалению я плохо знаком с jquery и не смогу привести вам пример. Я пользуюсь этим плагином: http://pagescroller.com. Тут, исходя из заданных в html коде разделов, создается меню. Создает его этот скрипт: http://pagescroller.com/javascripts/pagescroller.min.js. Тут 2 вида меню: боковое и в шапке (topNav). Но скачанный плагин почему-то как-то плохо создает top меню. Приходится немного допиливать. И вот мне нужно то, это меню обернуть в div, чтобы отцентровать его. Вот как-то так. Не подскажите?
|
Часовой пояс GMT +3, время: 19:11. |