圖像標題出現在懸停的單獨div上

我對jQuery非常陌生，所以我希望您能提供任何幫助/建議！圖像標題出現在懸停的單獨div上

我得到這個在上班的jsfiddle：http://jsfiddle.net/cakeeater/LUAtb/10/

基本上，我需要的只是圖像的標題，當你將鼠標懸停在圖片取代「你好」的文字。

jQuery().ready(function() { 
jQuery("#caption").text('Hello'); }); 
jQuery('img.gallery').mouseenter(function() { 
    var title = $(this).attr("title"); 
jQuery("#caption").text(title); }); 
jQuery('img.gallery').mouseleave(function() { 
jQuery("#caption").text('Hello'); });

然而，當我把它改成了現場，「你好」的文字是唯一可行的功能 - 和圖像的標題不會顯示在盤旋：http://bit.ly/MNgdUS

我敢肯定有可能是編寫腳本的更好方法......我在Firebug中沒有看到任何錯誤，我也嘗試禁用站點上的所有其他腳本，結果相同。有任何想法嗎？

來源

2012-08-22 user1612884

到您的網站的鏈接被打破;請修復它。 – amiregelz

或更好的是，提供有問題的代碼，這樣我們就可以在不點擊鏈接的情況下看到它，所以即使您上傳修補程序後，未來的用戶也可以看到它。 – KRyan

對不起，添加了代碼並修復了鏈接。 – user1612884

這應該工作：

$(function() { 
    "use strict"; 
    $("#gallerydescription").text("Hello"); 
    $("img.team").hover(
     function() { 
      $("#gallerydescription").text($(this).attr("alt")); 
     }, 
     function() { 
      $("#gallerydescription").text("Goodbye"); 
     } 
    ); 
});

使用.hover()。

.hover（）方法綁定mouseenter和mouseleave事件的處理程序。您可以使用它在鼠標位於元素內時簡單地將行爲應用於元素。

調用$(selector).hover(handlerIn, handlerOut)是簡寫：

$(selector).mouseenter(handlerIn).mouseleave(handlerOut);

來源

2012-08-22 21:07:49 sQVe

工作完美！感謝您的答覆和.hover的解釋 - 開始理解得更好一點。非常感激！！！！ :) – user1612884

@ user1612884非常歡迎 - 愉快的編碼。 – sQVe

圖像標題出現在懸停的單獨div上

回答

相關問題