jQuery圖像淡入淡出效果不明... ...？

正當我以爲我已經過了整夜，另一個問題是讓我保持清醒。jQuery圖像淡入淡出效果不明... ...？

看來，我已經打破了我在縮略圖上使用的淡入淡出效果。如果你去這裏：http://ftfranes.com/mliad2/ 當你將鼠標懸停在縮略圖上時，它應該褪色。

給你一個想法，這是一個工作版本的腳本：http://nothingcantuochme.com/stackoverflow.php#download_page 正如你所看到的，懸停工作正常與淡入淡出。請介意這個爛攤子，我只是添加它來演示。

有沒有人可以幫助我解決這個問題？如果我告訴你我沒有完全失去，我會撒謊。

來源

2012-04-03 Henrik Petterson

該腳本是斯巴達。你能提供應該工作的代碼部分嗎？ – keystorm 2012-04-03 23:15:38

您需要提供不工作的特定代碼，以及鏈接 - >沒有人想要穿過整個腳本。 – ahren 2012-04-03 23:16:58

這裏的問題是，我不知道哪部分代碼不能正常工作，這就是爲什麼我要指向網站本身。我沒有更改與淡入淡出有關的代碼，以使其被破壞。我唯一的猜測是，源頭中的其他人正在讓它無法運行...？ – 2012-04-03 23:19:52

$(function() { 
    // JUST CHANGE THE SELECTOR 
    // MAY NEED TO REFINE IF IT AFFECTS OTHER ELEMENTS 
    $('.image > a').each(function() { 
    /*$(this).append('<div style="position:absolute; top:5px; left:5px; width:200px; height:150px; background:red;"></div>');*/ 
     $(this).hover(function(){ 
      $(this).find('img').stop().animate({ 
       opacity: 0.8 
      }) 
     },function(){ 

      $(this).find('img').stop().animate({ 
       opacity: 1 
      }) 
     }); 
    }); 
});

來源

2012-04-03 23:28:52 cha55son

您能否詳細解答您的答案？我用這個代碼調整什麼？ – 2012-04-03 23:37:07

明白了，歡呼的夥伴！ – 2012-04-03 23:41:27

在您的腳本中。js文件，在這裏我把這個片段，原來選擇的每一個功能是「a.zoom，a.vimeo，a.youtube，a.vimeo_final，a.vimeo_nothingcan，a.vimeo_themob，a.vimeo_nothingcanteaser，a.vimeo_forevigt， a.vimeo_skellhell，a.vimeo_skellhell2，a.vimeo_sneblind，a.vimeo_etttva，a.vimeo_hastutan」。而不是執行上述操作，只需將選擇器更改爲「.image> a」。它更乾淨，每次您想要添加新圖像時都不必添加新的選擇器。 – cha55son 2012-04-03 23:44:55

我的想法是，JavaScript在處理過程中停止。檢查你的調試控制檯。

錯誤：未捕獲的異常：錯誤：權限拒絕http://www.facebook.com來獲得屬性Proxy.InstallTrigger

如果你的淡出腳本是此代碼後，該腳本將無法正常工作。

來源

2012-04-03 23:26:11 caoglish

在Facebook代碼之前應該執行淡入淡出效果，因此如果我沒有弄錯，它應該可以工作嗎？無論如何，你可以證實你的理論？ – 2012-04-03 23:29:23

好的，據我所知，問題在這裏。

<a href="http://vimeo.com/24849072" class="vimeo_nothingcan"> <img alt="" src="images/nothingcan.png"> </a>

鏈接的類錯誤地命名。在script.js文件中，它指定該類必須是vimeo，youtube zoom等......您需要將您的類重命名爲「vimeo nothingcan」，而不使用下劃線。

檢查線的script.js

您在留言中提到的功能的680，被設置爲事件的「點擊」。您需要編輯680上綁定爲「懸停」的功能。

來源

2012-04-03 23:30:42

不，這是不正確，如果您在的script.js文件搜索，你會發現「vimeo_nothingcan」。任何其他想法？ – 2012-04-03 23:33:20

我剛剛編輯了我的答案。檢查腳本的第680行。 – 2012-04-03 23:34:03

能否請你告訴我什麼該行包含這樣我可以做一個搜索？我的文本編輯器不顯示行號我怕...... – 2012-04-03 23:35:47

選擇中的script.js 678：

$('a.zoom, a.vimeo, a.youtube, a.vimeo_final')

但在您的網頁，該類是a.vimeo_nothingcan

嘗試補充說：「a.vimeo_nothingcan」在該行的選擇：

$('a.zoom, a.vimeo, a.youtube, a.vimeo_final,a.vimeo_nothingcan')

來源

2012-04-03 23:46:42 caoglish

jQuery圖像淡入淡出效果不明... ...？

回答

相關問題