2013-12-17 35 views
1

當鼠標懸停在較小的圖像上時,我有一個JQuery函數可以將縮略圖圖像轉換爲較大的圖像。這在IE中運行良好,但在Firefox和Chrome中完全沒有。我是JQuery的新手。有什麼與「nameProp」有關的應該有所不同?我的功能如下。謝謝。使用nameProp的JQuery圖像滾動在Firefox和Chrome中不起作用

 $(document).ready(function(){ 
      $("#thumbs img").mouseover(function(){ 
       var objthis = $(this)[0]; 
       document.getElementById("picture").src=objthis.nameProp; 
      }); 
     }); 
+0

單曲$元素(文檔).ready(function(){'..在開始的時候是'''你在這裏發佈的錯誤,或者它實際上是在代碼中?另外,你不需要訪問' $(this)'當你在一個事件處理程序中。'$(t他)'將引用當前元素(在你的情況下,這是'img'元素)。 – SquareCat

+0

「s」是一個錯誤後...對不起。你的意思是說我不需要「img」或「[0]」?看來我需要這些元素。我沒有嘗試過,也沒有去過。 – user2305700

回答

5

nameProp是proprietory擴展,只有在IE是可用的,使用src屬性值來代替。

document.getElementById("picture").src = this.getAttribute('src'); 

或者

document.getElementById("picture").src = $(this).attr('src'); 

還要注意的是,鼠標懸停處理程序this裏面已經代表你需要去努力,這樣你就不需要做var objthis = $(this)[0];

+0

我使用了第一個。非常感謝你!我碰巧注意到我沒有在Firefox調試器中看到「nameProp」。但是還不夠了解JQuery。再次感謝!這適用於所有3種瀏覽器。 – user2305700

+0

@ user2305700不客氣... – PSL

相關問題