При наведении курсора на конкретный пост должен отображаться заголовок только этого поста. - PullRequest
Новая
       4

При наведении курсора на конкретный пост должен отображаться заголовок только этого поста.

2 голосов
/ 31 августа 2010

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

код: 

<?php if (have_posts()) : ?>

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

        <div class="post">
            <div>

                <div class="post-header"><a href="<?php the_permalink() ?>">
                <?php if ( p75HasThumbnail($post->ID) ) { ?>
                    <img src="<?php echo p75GetThumbnail($post->ID, 200, 108); ?>" alt="<?php the_title(); ?>" width="200" height="108" />
                <?php  } ?>
                </a></div>

       <div class="post-content" style="display:none;">
                    <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>    
                </div>

                <div class="post-footer">
                    <small>
                    In: <?php the_category(' | ') ?>
                    </small>
                </div>
            </div>

        </div>
        <!--    -->


    <?php endwhile; ?>


    <?php next_posts_link('<div class="post archiveTitle "><div>&larr; Older</div></div>') ?>
    <?php previous_posts_link('<div class="post archiveTitle "><div>Newer &rarr;</div></div>') ?>


    <?php else : ?>

    <div class="post">
        <div>
            <h1>Not Found</h1>
            <p>Sorry, but you are looking for something that isn't here.</p>
        </div>
     </div>

    <?php endif; ?>

JS: 

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('.post-header').hover(function(){
            $('.post-content').show();
        }, function(){
            $('.post-content').hide();    
        });
    });
    </script>

1 Ответ

3 голосов
/ 31 августа 2010

Я не уверен, если это то, чего вы хотите достичь: 

$('.post-header').hover(function(){
    $('.post-content', $(this).parent()).show();
}, function(){
    $('.post-content').hide();    
});

Теперь показывается только пост-контент текущего зависшего сообщения.

...