Intereting Posts
Заинтересованы в методах перенаправления для одностраничных тем Пользовательская переадресация после регистрации в WooCommerce apply_filters ('the_content') – заставить игнорировать короткие коды? Возвращает пользовательское значение в функции, добавленной в действие Как поддерживать соответствие стандартам W3C темы Как изменить ширину столбца на странице заказов WooCommerce (Admin) Редактировать сообщение из frontend. post_tags сохраняются, но не разделяются Определение того, произойдет ли автоматическое обновление? Как создать панель настройки суб-панели? Поиск по ключевым словам с булевыми операторами Как отключить активацию учетной записи в WPMU, а затем зарегистрировать пользователя сразу? Проверьте, подключен ли do_action («custom_action»)? Как поставить тему Worpdpress на испанский (имея файл po)? Атрибуты Shortcodes по умолчанию Проблема Javascipt на пользовательской теме

Как переместить родительский 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 / ). Гораздо больше жидкости для поддержания гибкого дизайна. Я избегаю абсолютного позиционирования, подобного чуме, для большинства целей (если не указано в позиции: относительный контейнер).