0

ヘッダーにエンキューjquery-ui-accordionし、それをアクティブにする次の関数を含めました。

$(function() {
  $( "#accordion" ).accordion();
});

以下はhtmlの設定方法です。出力は、アコーディオン機能を持たない通常の WordPress 投稿のリストです。タイトルがクリックできるようにしてほしいです。誰かが私が間違ったことを理解するのを手伝ってくれますか?

    <?php get_header();?>

        <section id="content">

            <h2>Our Latest Videos</h2>

            <section id="latest-videos" class="video-archive">
                <section id="accordion">

                    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                    <article class="entry" id="post-<?php the_ID(); ?>">
                        <section class="description">
                            <h3><?php the_title(); ?></h3>
                            <div>
                                test test test
                            </div>
                        </section>
                    </article>

                <?php endwhile; ?>

                <?php endif; ?>

                </section>

            </section>

        </section>

    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
4

3 に答える 3

0

これの出力はどのように見えますか？ブラウザで生成された標準のマークアップを取得してから、アコーディオンを実装することをお勧めします。そうすることで、それが希望どおりに機能することを確認しただけでなく、プラグインをよりよく理解できるようになります。その後、それをwpに移植するのはかなり簡単なはずです。

于 2013-01-14T03:09:52.200 に答える
0

htmlマークアップが次のような場合：

<section id="accordion">
  <article>
    <section class="description">
      <h3>First header</h3>
      <div>First content panel</div>
    </section>
  </article>
  <article>
    <section class="description">
      <h3>Second header</h3>
      <div>Second content panel</div>
    </section>
  </article>
</section>

その後、動作しaccordionません。<h3>それが機能するためには、以下のようなもののペアと<div>内部だけを持っている必要があり<section>ます：

<section id="accordion">
 <h3>First header</h3>
 <div>First content panel</div>
 <h3>Second header</h3>
 <div>Second content panel</div>
</section>
于 2013-01-14T03:43:28.687 に答える
0

難しく考えないで！でラップされている間有効にすることができます<article>! それをラップしてから<article>、js コードに次のパラメーターを追加します。

    $('#accordion').accordion({
       header: "article h3",
     });

お気づきのように、ヘッダーの新しい位置をパラメーターに入れるだけです。article タグの子です :)

于 2014-02-17T19:19:41.980 に答える