Intereting Posts
Как получить 10 лучших пользователей на основе мета-значения пользователя Загружать внешние файлы javascript Отображать только заголовок, когда есть результаты Пользовательский пост, не показывающий Используя WP_Query для захвата пользовательских метазначений, foreach для json-объекта Плагин Peer Review для сообщений? get_user_meta () не включает адрес электронной почты пользователя? register_activation_hook не добавляет таблицу в DB Использование глобальных переменных, дорогостоящих для PHP Как я могу увидеть, какие части шаблона вызываются для рендеринга просматриваемой страницы? Несколько запросов на странице «Главная страница – загрузка страницы / скорость сайта» Перемещение WP Multisite в подкаталог получить заголовок родительских полей, выдержку содержимого и т. д. Как показать / скрыть таксономию, основанную на выборе типа публикации wp_nav_menu без указателя или темы theme_location

Как переместить родительский li в конец дочернего ul

Я работаю над переводом сайта из HTML / CSS в WordPress, и я столкнулся с проблемой. В духе того, чтобы сайт полностью настраивался с панели инструментов, я использовал систему меню по умолчанию для WordPress для создания моей навигации, но я не могу заставить ее делать то, что было бы в жестко закодированном HTML. Мне нужно переместить элемент родительского списка (элемент-родительский элемент) ниже его дочерней ul, как показано ниже:

<li id="generalinfo"> <ul> <li><a href="#">About the Festival</a></li> <li><a href="#">History</a></li> <li><a href="#">Sponsors</a></li> <li><a href="#">Contact Us</a></li> </ul> <a class="cat" href="#">General Info</a> </li> 

Но по умолчанию WordPress заставляет его делать это вместо этого:

 <li id="generalinfo"> <a class="cat" href="#">General Info</a> <ul> <li><a href="#">About the Festival</a></li> <li><a href="#">History</a></li> <li><a href="#">Sponsors</a></li> <li><a href="#">Contact Us</a></li> </ul> </li> 

Для дизайна очень важно, чтобы ссылка появилась после неупорядоченного списка, так как это будет нисходящий баннер, подобный этому:

http://img.wordpressask.com/menus/oFRJdl7.png

Графическими элементами являются фоновые элементы с состояниями наведения. Это то, что они выглядели бы как упавшие, кнопка дома слева – пример баннера, полностью поднятого. Вот почему важно, чтобы в конце отображался элемент родительской ссылки.

Идеи?

Solutions Collecting From Web of "Как переместить родительский li в конец дочернего ul"

 $(".cat").each(function(){ $(this).appendTo($this.parent(".li")); $(this).remove(); } ); 

Должен сделать трюк. Что касается доступности, большинство современных сканеров (читать робот Googlebot ) будет обрабатывать и сканировать это, поскольку он не включает триггер для обработки (см. http://www.thoughtspacedesigns.com/blog/search-engine-optimization/ Whats-this-googlebot-процессы-javascript / ). Гораздо больше жидкости для поддержания гибкого дизайна. Я избегаю абсолютного позиционирования, подобного чуме, для большинства целей (если не указано в позиции: относительный контейнер).