2012-07-05 44 views
0

我有一個問題..問題是jQuery是不適用的內容(Ajax).. 我的jQuery: -申請的jQuery功能的AJAX加載的內容

$(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>"; 

請告訴我在這裏發生的是我有一個下拉菜單時下拉改變內容將從DB使用AJAX來獲取和顯示。但標題DIV沒有顯示來自AJAX加載的內容。請幫幫我 。在此先感謝...

+1

u能也粘貼了ajax的一部分,我不只是從懸停功能放。 – 2012-07-05 09:47:57

回答

1

取決於您的jQuery版本看看http://api.jquery.com/on/ 替代使用「活」處理程序。

的.hover()處理程序不起作用,因爲目標並不在它應用的時間存在。

1

既可以結合上成功的Ajax負載的功能

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

備選地可以使用on() API。

+0

要鏈接到'。對()'文檔(這是好的),雖然你說說'.live()'(這是不建議使用) – 2012-07-05 09:54:37

+0

@MisterJack - 編輯答案:) – 2012-07-05 09:59:13

+0

Thankx伊茨工作 – Triveni 2012-07-05 10:15:31

0

嘗試

$(document).ready(function() { 

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

});