jquery .glow方法在Firefox中無法正常工作

我有3種不同的產品顯示在我的頁面中。每個產品應具有不同的輝光顏色。我使用的代碼是jquery .glow方法在Firefox中無法正常工作

$('.yellow').on('mouseenter', function() { 
      $(this).glow({ radius: "20", color: "#D7CD3A" }); 
     }) 
     .on('mouseout', function() { 
      $(this).glow({ radius: "20", color: "#D7CD3A", disable: true }); 
     }); 

     $('.purple').on('mouseenter', function() { 
      $(this).glow({ radius: "20", color: "#a354bb" }); 
     }) 
     .on('mouseout', function() { 
      $(this).glow({ radius: "30", color: "#a354bb", disable: true }); 
     }); 

     $('.green').on('mouseenter', function() { 
      $(this).glow({ radius: "30", color: "#538b73" }); 
     }) 
     .on('mouseout', function() { 
      $(this).glow({ radius: "20", color: "#538b73", disable: true }); 
     });

在Chrome中，這是完全正常工作的。我剛開始知道這在IE中不受支持，但在Firefox中，它只採用了我會強調的第一款產品發光顏色。

例如，當我懸停紫色產品，然後顯示紫色懸停顏色。然後，當我懸停在黃色產品上時，將再次顯示相同的紫色發光顏色，而應顯示黃色發光顏色。

我在哪裏錯了嗎？或者這是Firefox中的錯誤？

Kinldy幫助

您可以檢查它here，向下滾動，產品將顯示

更新：我根據#ProllyGeek建議，改變了我這樣的代碼

var glowm; 
$('.yellow').on('mouseover', function() { 
      glowm = $(this).glow({ radius:"20", color: "#D7CD3A" }); 
     }) 
     .on('mouseout', function() { 
      //$(this).glow({ radius: "20", color: "#D7CD3A", disable: true }); 
      glowm.remove(); 

     });

現在我看到輝光是「未定義的」。我不明白爲什麼。然而，這在Chrome中正常工作。但不是在Firefox ..

我需要重置顏色CSS屬性。這是我目前卡住的地方。有人請請幫助..

來源

2014-06-30 Uma Ilango

我找到了解決辦法。我將ID屬性設置爲所有在JavaScript中引用此#id的img標記&。代碼現在寫成如下所示。

$('#yellow1').on('mouseenter', function() { 
      $(this).glow({ radius: "20", color: "#D7CD3A" }); 
     }) 
     .on('mouseout', function() { 
      //$(this).glow({ radius: "20", color: "#D7CD3A", disable: true }); 
      $(this).glow({ disable: true }); 
     });

我爲每個使用的img標籤都做了這個。

來源

2014-07-03 10:16:57

「JQMIGRATE：jQuery.browser已被棄用」

檢查了這一點：

https://github.com/jquery/jquery-migrate/blob/master/warnings.md#jqmigrate-jquerybrowser-is-deprecated

來源

2014-06-30 22:33:49 ProllyGeek

你建議我找到userAgent，然後禁用發光？但我希望能夠在Firefox中完美工作。我如何在Firefox中實現輝煌？我不想禁用它。 –

使用CSS的發光，而不是像這裏：http：//webdesign.about.com/od/css3tutorials/ss/css3-glow-effects.htm – ProllyGeek

嗨，http://jsfiddle.net/WYHmp/5/我得到這個來自另一個stackoverflow帖子的網址。實際上，我試圖做同樣的事情，但它將對象返回爲「未定義」。所以我不知道我哪裏出錯了＃ –

jquery .glow方法在Firefox中無法正常工作

回答

相關問題