Аккордеон на Wordpress без плагина, почему не работает?

Question

[kirill270999]

Есть статичный аккордеон, мне с его помощью нужно выводить статьи определенной категории wordpress. Взял этот аккордеон. Я попытался его перенести на WP и Вот что получилось.

<div class="main">
	<div>
		<div class="panel">
			<?php query_posts('cat=8'); 
			while (have_posts()) : the_post(); ?>
			<div class="panel-heading">
				<a href="#"><h3><?php the_title() ?></h3></a>
			</div>
			<div class="panel-collapse">
				<div class="panel-body">
			        <?php the_content(); ?>
				</div>
			</div>
			<?php endwhile; wp_reset_query(); ?>
		</div>
	</div>
</div>

Теперь он не открывается, Но если посмотреть через инструмент разработчика , то можно увидеть, что нежные статьи подгружаются. Подскажите пожалуйста, что не так?

Answer 1

[Антон Литвиненко]

<div class="main">
  <div>
    <?php $query = new WP_Query('cat=8'); ?>

    <?php if ( $query->have_posts() ) : ?>

      <?php while ( $query->have_posts() ) : $query->the_post(); ?>

      <div class="panel">
        <div class="panel-heading">
          <a href="#1"><i class="fa fa-trophy"></i><?php the_title() ?></a>
        </div>
        <div class="panel-collapse">
          <?php the_excerpt() ?>
          <div class="button"><a href="<?php the_permalink() ?>">Read more</a></div>
        </div>
      </div>

      <?php endwhile; ?>
      <?php wp_reset_postdata(); ?>

    <?php endif; ?>

  </div>
</div>

https://drive.google.com/file/d/1VMyZ_DCGH3aqCheZb...

Comments

[kirill270999]

Я посмотрел, видео и ваш код, но все равно не работает. Я отмечу ваш ответ. спасибо за помощь.

[Антон Литвиненко]

kirill270999, а что не работает? у меня тоже сначала ссылка с решеткой глючила, не помогал ни stopPpropagation(), ни preventDefault().

[Антон Литвиненко]

kirill270999, у меня видео снято с обычным запросом. нужно идти от малого. для начала попробовать с обычным запросом. потом изменить на кастомный с настройками

[kirill270999]

Антон Литвиненко, Простите за молчание. Я нажимаю на аккордеон и ничего не происходит, смотрел в консоли , переподключал скрипт в head в footer , рядом с аккордеоном ставил - ничего.

[Антон Литвиненко]

kirill270999, чудес ведь не бывает. значит надо дебажить. в первую очередь после клика пробуем вызвать консоль лог, чтобы проверить работает ли сам клик. Если нет, то проверяем, подключено ли джейквери, подключается ли этот скрипт после джейквери. теги а можно вообще убрать они только сбивают с толку

[kirill270999]

Антон Литвиненко, Точно, я совсем про это забыл.. Да и сейчас заметил ошибку в консоле script-tabs.js:1 Failed to load resource: net::ERR_NAME_NOT_RESOLVED и JQMIGRATE: Migrate is installed, version 3.3.2(Название скрипта исправлю потом.). Как я понимаю это из из-за обновления WP, и проблема в JQuery?

[Антон Литвиненко]

kirill270999, вполне может быть, не видя ничего сложно сказать. Enable jQuery Migrate Helper этот плагин позволяет включить старую версию jquery