Как обернуть элемент?
Скажите, как можно обернуть элемент, если он вставлен на страницу с помощью 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, время: 04:26. |