1

こんにちは、ajax を介して追加されたオブジェクトに対して jQuery ホバー イベントが機能しません。

と追加<div class="item ..."> ... </div>します

Ajax 呼び出し:

 var jqxhr = $.ajax( '{{ path('nextPage_url') }}'+page )
              .always(function(data) { 
                  $("#container").append(data).masonry('reload');
               });

ホバー イベントの委任:

クラス要素にカーソルを合わせまし .item たが、プリロードされたデータでは正常に機能しますが、<div>ajax リクエストを介して追加された新しいデータでは機能しません

        $('.item').hover(
            function(){
                $(this).addClass('img-polaroid-shadow').removeClass('img-polaroid');
            },
            function(){
                $(this).removeClass('img-polaroid-shadow').addClass('img-polaroid');
            }
        );

ありがとう

4

3 に答える 3

2

以下のコードを試してください

$(document).on('mouseover','span', function () {
        $(this).css('color','#CCC');
    });
    $(document).on('mouseout','span', function () {
        $(this).css('color','#000');
    });

jsFiddle での作業サンプルhttp://jsfiddle.net/HpL7X/

于 2013-05-07T11:11:14.407 に答える