Intereting Posts
Невозможно получить уведомления о приятелях в интерфейсе; почему я получаю эту ошибку? Как получить идентификатор сообщения из мета значения Как просмотреть сайт с точки зрения пользователя без регистрации Выход из системы перенаправления на главную страницу Как обновить размеры пользовательских изображений? Пользовательский запрос ПОСЛЕ rss fetch_feed не работает Тонны строк Twitter в моей базе данных Новые учетные записи ежедневно на многопользовательском сайте WP в стадии разработки, в Analytics нет трафика. Что дает? разница между запросом базы данных и использованием цикла Показать сообщения от автора уровня членства (Paid Membership Pro) Как использовать специальное настраиваемое поле в настраиваемом типе сообщений как slug Как установить интервалы в заданиях cron? add_rewrite_rule query_var не задан post-new.php? post_type = продукт не загружается должным образом DIR против URI при определении пути к файлу

Список категорий и автоматические классы jQuery

Цель и макет:

  1. У меня есть два отдельных div (это в шаблоне пользовательской страницы). DIV1 имеет подкатегории из указанной родительской категории.
  2. При нажатии на любой из перечисленных подкастов появляется список сообщений в этой категории в DIV2. Просто заголовки со ссылками на сообщения.

Сейчас он работает, но это половина руководства.

Код в 1-м DIV:

<?php $products = get_categories('child_of=1143&hide_empty=1'); foreach ( $products as $product ) { echo '<li><a href="#" class='. $product->cat_ID .'>'.$product->cat_name.'</a></li>'; } ?> 

Код в 2-м DIV:

 <!-- post lists --> <ul id="list1" style="display: none;"> <?php $my_query = new WP_Query('category_name=lightbulbs&showposts=25&post_type=product&orderby=title&order=asc'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID;?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endwhile; ?> </ul> <ul id="list2" style="display: none;"> <?php $my_query = new WP_Query('category_name=refrigerators&showposts=25&post_type=product&orderby=title&order=asc'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID;?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> </ul> </div> <!-- / post lists --> 

Сценарий, который заставляет все это работать:

  • http://code.jquery.com/jquery-latest.js в заголовке
  • Плюс это:

      <script> $(document).ready(function() { var h1 = $("#list1").height(); var h2 = $("#list2").height(); $("#list1,#list2").height(Math.max(h1, h2)); $("#list2").hide(); }); $("#link1").live('click', function() { $("#list1").show(); $("#list2").hide(); }); $("#link2").live('click', function() { $("#list2").show(); $("#list1").hide(); }); </script> 

Я хотел посмотреть, есть ли способ автоматизировать вторую часть. Когда я добавляю новую подкатегорию, она автоматически появляется в DIV1, но для показа сообщений в этой категории в DIV2 мне нужно вручную: а) добавить div с новым списком и b) классы в сценарий.

Solutions Collecting From Web of "Список категорий и автоматические классы jQuery"

Тот же принцип применяется:

  1. Вы запускаете все продукты для создания первого div.
  2. Теперь возьмите тот же список продуктов и создайте список сообщений для него во втором div.
  3. Подсчитайте, сколько у вас продуктов и создайте много классов в вашем JS-коде.