無法獲得jQuery的手風琴爲WordPress的職位

我的頭排隊jquery-ui-accordion工作，包括下面的函數來激活它：無法獲得jQuery的手風琴爲WordPress的職位

$(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(); ?>

來源

2013-01-14 J82

如果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將無法正常工作。它的工作，你需要有隻<section>內對<h3>和<div>象下面這樣：

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

來源

2013-01-14 03:43:28 dunli

謝謝，現在完美的作品。 – J82

是什麼，它的輸出是什麼樣子？您可能想要在瀏覽器中生成標準標記，然後實施手風琴。這樣，您不僅可以確認其按照您希望的方式工作，還可以更好地理解插件。在將它移植到wp之後應該很容易。

來源

2013-01-14 03:09:52 Swordfish0321

不要把它硬！它可以是有效的包裹在<article>！你把它包在<article>，然後在你的js代碼添加以下參數：

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

，你注意到了，你只要把在參數頭新的位置！這是一個孩子文章標籤:)

來源

2014-02-17 19:19:41

無法獲得jQuery的手風琴爲WordPress的職位

回答

相關問題