Intereting Posts
Класс Hfeed для всех необходимых страниц Удалите определенные CSS и JS из головы После отключения WPM multi валюты валюта по-прежнему обрабатывается WPML Адаптивные фильтры продуктов для WooCommerce Удалить / заменить теги img в опубликованном сообщении для опубликованных сообщений Js jes не переопределяет js-вишневую структуру родительской темы Почему мой str_replace не работает над коротким кодом, представленным интерфейсом? Как я могу разрешить пользовательскую таксономию для определенных ролей? Фрагмент обновления update_post_meta отображает белый экран? Почему моей пользовательской роли WP нужны edit_posts для редактирования изображений? Разбивка страниц: держите предыдущую и следующую ссылку даже на первой / последней странице Как регистрировать таксономии детей? W3 Total Cache Minification – Любой способ не использовать php? Настройка страниц шаблонов терминов таксономии чередующиеся классы по wp_list_pages

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