Эффект jQuery не повторится - PullRequest
Новая
       6

Эффект jQuery не повторится

0 голосов
/ 09 ноября 2011

После того, как я наведите курсор мыши на img один раз, эффект исчезает.Я хочу, чтобы мои эффекты продолжались после первого зависания бесконечно.

<?php query_posts('showposts=6&cat=-4'); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); if ( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>

<li class="show1">

<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>

<a href="#" title="Permanent Link to <?php the_title_attribute(); ?>" class="show"><?php echo$thumb; ?></a>

<div class="hide">

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<?php the_excerpt(); ?>

<a class="view_project" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">View Project »</a>
</div>
</li>

и Javascript 

<script type="text/javascript">
$(function() {
    $('li.show1').children('.hide').hide();

    $('li.show1').hover(function() {
    $(this).children('a.show').fadeOut('slow')
        .end().children('.hide').fadeIn('slow');
    }, function() {
    $(this).children('a.show').fadeIn('slow')
        .end().children('.hide').fadeOut('slow');
});
});
</script>

Ответы [ 2 ]

1 голос
/ 09 ноября 2011

Проблема связана с эффектами: hover в коде CSS.Изменив CSS для некоторых более простых объявлений, я смог получить работающую скрипку .

. Кроме того, я не думаю, что вам нужно скрывать / показывать элемент .show ввсе;удаление этого никак не изменило поведение.

Итак, вот что нужно сделать:

  • удалить все объявления: hover, относящиеся к .show / .hide
  • удалить js fadeIn / fadeOut для .show?
  • использовать display: none для .hide (см. Мою скрипку), чтобы сохранить его изначально скрытым

И у вас будетрабочий исчезает!;)

0 голосов
/ 09 ноября 2011

Ваш код работает просто отлично. Я использую FF 7.0.1. Возможно, вы используете старый браузер.

...