Jquery kullanarak wordpress Toggle Mesajlar

0 Cevap php

Ben wordpress önce görmedim bir şey yapmaya çalışıyorum. Eğer blog geldiğinde Temelde, bir başlık, resim ve alıntıdır görüntülenir. Bir geçiş düğmesi basıldığında, sonrası içeriğini ortaya çıkarmak için aşağı doğru kaydırın gerekir. (<?php the_content(); ?>)

İşte benim jQuery:

$(document).ready(function() {
          $('span.play a').click(function() {
               if ($('.toggleSection').is(":hidden"))
               {
                    $('.toggleSection').slideDown("slow");
               } else {
                    $('.toggleSection').slideUp("slow");
               }
               return false;
          });
     });

Bu mükemmel çalışıyor! Bununla birlikte; geçiş wordpress döngü içinde yer alır, çünkü geçiş düğmesine basıldığında, tüm mesajların açık geçiş. Örneğin, ben bir sayfada 10 mesaj var, ve bir geçiş düğmesi açık anahtarlarla her tıklandığında ise. İşte benim WP döngü:

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
                <div class="post" id="<?php the_ID(); ?>">
                    <div class="thumbnail">
                       <?php the_post_thumbnail( 'mainimg' ); ?>
                        <span class="play"><a href="#" onclick="jQuery('#comments').toggle();"><img src="<?php echo bloginfo('template_url'); ?>/images/play.png" width="30" height="36" alt="Play Video"></a></span>
                    </div>


                    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                    <h3>Posted in: <span><?php the_category(', ') ?>  </span>On: <span><?php the_time('l, F jS, Y') ?></span></h3>

                    <div class="entry">
                        <p><?php the_excerpt(); ?> </p>   
                    </div> <!-- entry -->

                    <div class="toggleSection">
                    <p><?php the_content(); ?> </p>
                    </div>



                </div> <!-- .post -->

              <?php endwhile; ?>

Yukarıda ne görüyorsanız, span.play bir tıklandığında, togglesection aşağı kayar ve içeriği ortaya olmasıdır. Herhangi bir tek geçiş seçildiğinde, tüm içerik görüntülenir. Ben bu yüzden her geçiş WP döngü içinde benzersiz olduğunu ve sadece o kaydın içeriğini ortaya koymaktadır bunu istiyorum. Herhangi bir fikir?

Sen burada şimdiye kadar işimin bir demo görebilirsiniz: http://vitaminjdesign.com/littlewindow/ basın küçük üzerinde oynat düğmesine geçiş yapmak için!

0 Cevap