0

jqueryホバー関数を使用して要素を展開する投稿のループがあります。私の問題は、ページの読み込み時に最初に表示された要素に対してのみ機能し、無限スクロールが追加されたものに対しては失敗することです。

これは、ボックスを展開するために使用するスクリプトです

$(document).ready(function() {
  $('.box').hover( function() {
       var height = $(this).children('.box-info').height();
       var newHeight = (height + 12);
       $(this).children('.box-image').css('top', -newHeight);
   }, function() {
       $(this).children('.box-image').css('top', 0);
  });
});

次に、ループと無限スクロールを有効にするスクリプトがあります

var href = 'first';
$(document).ready(function() {
 $('#boxes').infinitescroll({
    navSelector: '.infinitescroll',
    nextSelector: '.infinitescroll a',
    itemSelector: '#boxes .box',
    loadingImg: '<?php echo get_bloginfo('stylesheet_directory') ?>/images/loading.gif',
    loadingText: 'Loading...',
    donetext: 'No more pages to load.',
    debug: false
}, function(arrayOfNewElems) {
    $('#boxes').masonry('appended', $(arrayOfNewElems));
    if(href != $('.infinitescroll a').attr('href')) {
        href = $('.infinitescroll a').attr('href');
    }
 });
});

私は何を間違っていますか？

4

1 に答える 1

0

あなたが提供したフィドルに従って：

HOVERは、絶対配置された要素とアニメーションでは機能しません

ホバーの代わりに、「mouseenter」および「mouseleave」イベントを使用できます。これらは、子要素が邪魔になったときに発生しません。

チャットごとに、この更新されたリンクを参照してください http://jsfiddle.net/Gm7Xb/11/

于 2012-08-09T10:17:48.280 に答える