jQuery。動畫以某種方式不反應（對於WP網站）

這是有點尷尬和令人沮喪的一個。我想要做的是動畫的寬度和網站的div的位置。我做了一個測試，它的工作原理有罰款：jQuery。動畫以某種方式不反應（對於WP網站）

Hoever，對於真正的網站，該.animate做什麼都沒有。這是我的代碼

$(document).ready(function() { 

     pWidth = $("#all_staff").width(); 
     pLeft = $("#all_staff").position(); 
     pLeft = pLeft.left; 
     pCount = $("#[id^=member_]").size(); 
     pPercent = 100/pCount; 
     zIndex = 0; 
     colors = ["#CCCCCC","#333333","#990099","#9624CF","#CCCCCC"]; 

     //$("#[id^=member_]").addClass("staff_member"); 
     $("#[id^=member_]").css("width", pWidth/pCount); 
     $("#[id^=member_]").css("z-index", zIndex); 

     for (i=1;i<=pCount;i++){ 
      $("#member_"+i).css("left", (pWidth/pCount)*(i-1)+pLeft+"px"); 
      $("#member_"+i).css("backgroundColor", colors[i]); 
     } 

     $("#[id^=member_]") 
      .hover(function() { 
       $(this).animate({ left: 20 }, 'fast'); 
      }, function() { 
       $(this).animate({ left: 0 }, 'fast'); 
     }); 

});

真正令人沮喪的部分是，任何其他函數適用於這些div。所以如果我在這裏寫這個

$("#[id^=member_]") 
    .hover(function() { 
     $(this).css("left", "20px"); 
    }, function() { 
     $(this).css("left", "0px"); 
});

divs跳，我告訴他們。爲什麼？爲什麼？ WHYYYYYYYYYYY？ :)不明白，請幫助我。非常非常感謝你！

來源

2012-02-03 zarroun

很難沒有鏈接到真實的網站來解決，但我會做到這一點，爲了：在控制檯上

打開（在Chrome或螢火蟲在FF），看看有什麼打破它直播現場
確保您加載了jQuery，等你的JS之前，正確的順序文件

此外，你可能想嘗試不同的註明了你的選擇，因爲它是一個「字符串」你傳遞給jQuery：

$('#[id^="value"]')

希望這有助於！

來源

2012-02-03 17:29:26 nerdburn

哦對了，忘了鏈接到該網站...對不起 http://www.stories.ch/website_new/about/ 我能想到的一個問題是，我有下面的動畫代碼現在。我想先清理它之前先測試它。這可能嗎？ – zarroun 2012-02-03 17:33:11

這可能是因爲member_元素在DOM中不可用。我會嘗試使用follwing代替懸停

live jQuery的前1.7 和 on jQuery的

，如果他們出現在DOM事後

來源

2012-02-03 17:31:00

我也在想，但爲什麼我能夠更改懸停的CSS而不添加動畫？那麼猜猜這是以不同的方式處理？儘管嘗試了你的建議解決方案。有趣的是它跳過mouseOver並直接跳到mouseOut。仍然沒有動畫。 – zarroun 2012-02-03 17:45:01

，其具有以下的動畫將結合的元素之後頭部應該沒問題。你有沒有試過這樣寫：

$("#[id^=member_]") 
    .hover(function() { 
     $(this).animate({ left: '+=20px' }, 'fast'); 
    }, function() { 
     $(this).animate({ left: '-=20px' }, 'fast'); 
});

來源

2012-02-03 19:02:49

這是一個好主意，不知道這是否也適用。不幸的是，它不適用於我的情況。我開始認爲jQuery沒有正確初始化。雖然感謝了很多輸入。 – zarroun 2012-02-06 08:02:52

我不完全確定我做了什麼，但突然它似乎現在工作。這可能是因爲我現在有引號中的價值，就像熊亞歷山大所說的那樣。所以，謝謝你！

來源

2012-02-06 17:50:33 zarroun

如果一些答案對你有幫助，不要忘記接受/ upvote [http://stackoverflow.com/faq#howtoask](http://stackoverflow。com/faq＃howtoask） – 2012-02-06 17:57:13

jQuery。動畫以某種方式不反應（對於WP網站）

回答

相關問題