jQuery彩色動畫不起作用

我想要動畫div的背景色。我已經從這裏下載了jquery.color.js - http://plugins.jquery.com/project/color但它沒有工作。我刪除了jquery.color.js的內容，從這裏複製/粘貼 - jQuery animate backgroundColor並保存。仍然沒有任何反應。jQuery彩色動畫不起作用

下面的代碼：

<link href="@Url.Content("/Content/Site.css")" rel="stylesheet" type="text/css" /> 
<script src="@Url.Content("/Scripts/jquery-1.6.1.js")" type="text/javascript"></script> 
<script src="@Url.Content("/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script> 
<script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.color.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#firstDiv').animate({ backgroundColor: '#ff9f5f' }, 2000);     
}); 
</script>

我已經試過SRC = 「@ Url.Content（」/腳本/ jquery.color.js 「）」，而不是SRC =「/腳本/ jquery.color .js「，但後來我得到運行時錯誤：'jQuery'未定義。我不知道爲什麼它不起作用。

來源

2011-08-18 Anna Ivanova

爲什麼你已經包含了兩次jQuery的？ – Matt

@Matt：確切地說，特別是，爲什麼有兩個不同的版本？ – Purag

似乎對我來說工作正常。可能是因爲你包含jquery兩次。

http://jsfiddle.net/7wxyj/的jsfiddle是怎麼回事，我真的很慢，所以如果不工作檢查出jsbin一個：

http://jsbin.com/ejurov/2

來源

2011-08-18 09:34:06 Matt

謝謝！我刪除了，它終於有效！ :) –

@安娜伊萬諾娃，只是一個建議。您可能需要考慮使用Google。您可以使用http://code.google.com/intl/zh-CN/apis/libraries/devguide.html#jquery將其包含在內，但通過這種方式，jquery很可能會被緩存，因此加載速度會更快，而且您不會浪費帶寬即使它沒有被緩存，它可能會從谷歌加載得更快。 – Matt

jQuery彩色動畫不起作用

回答

相關問題