0

問題があります..問題は、jquery が ajax コンテンツに適用されないことです..私の jquery:-

$(document).ready(function() {

$('.mainWorkImage').hover(function() {
    $(this).find('.caption').fadeIn(200);
},
function() {
    $(this).find('.caption').stop(false,true).fadeOut(200);
});

});

コンテンツ ： -

            echo "<div class=\"mainWorkImage\" projects=\"".$mainResult['category']."\"><a href=\"work.php?page=".$mainResult['id']."\"><img name=\"mainWorkImage\" src=\"".$mainResult['imageUrl']."\" width=\"212\" height=\"207\" alt=\"\"/><div class=\"caption\"><p>PROJECT NAME:</p><p>".$mainResult['projectName']."</p><br/><p>PROJECT TYPE:</p><p>".$mainResult['category']."</p></div></a></div>";

ここで何が起こっているかというと、ドロップダウンを変更すると、AJAX を使用してコンテンツが DB からフェッチされて表示されます..しかし、 AJAX からロードされたコンテンツのキャプション div が表示されません。私を助けてください 。前もって感謝します...

4

3 に答える 3

1

jquery のバージョンに応じてhttp://api.jquery.com/on/を参照してください 。代わりに「ライブ」ハンドラを使用してください。

適用時にターゲットが存在しないため、.hover() ハンドラーは機能しません。

于 2012-07-05T09:47:59.167 に答える
1

ajax の読み込みが成功したときに関数をバインドすることができます

すなわち

$.ajax{
url:
data:
    success(function){
     //put your bind elements here
    }
}

または、 on() APIを使用できます。

于 2012-07-05T09:49:06.187 に答える
0

試す

$(document).ready(function() {

$('body').delegate('.mainWorkImage','hover',function() {
    $(this).find('.caption').fadeIn(200);
},
function() {
    $(this).find('.caption').stop(false,true).fadeOut(200);
});

});
于 2012-07-05T09:50:51.567 に答える