Intereting Posts
get_posts () во вторичной боковой панели помещает содержимое в первую боковую панель Регистрационная форма Shortcode wp-cli с показаниями MAMP sh: mysql: команда не найдена Отображать только типы сообщений, которые являются прямыми детьми текущей таксономии Сортировка get_terms, ACF автоматически удаляет дубликаты Удаление столбца Meta из страниц категорий? Детские страницы, отображающие только промежуточные Категория Переадресация на главную страницу Как использовать плагин Jeditable с admin-ajax.php? Индивидуальные постоянные константы типа сообщения не ведут себя так, как ожидалось, для родительских / дочерних страниц get_the_tags () не выполняет повторение цикла for / while, но будет с foreach Как отображать виджет на странице без темы? задать определенные параметры экрана на странице после сводки Скрыть категорию сообщений из основного блога и показывать только в категории WordPress вставить запрос, но запрос обновления не запускается

Список категорий и автоматические классы 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"