2012-09-25 259 views
66

當試圖以顯示與jQuery的一個div元素,我得到這個錯誤:類型錯誤:p.easing [this.easing]是不是一個函數

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 

相關的功能是這樣的:

function showWithAnimation(){     
    console.log('animation called'); 
    $('#popup').show(); 
    $("#popup").css({"top": "30%", "left": "30%"}) 
      .animate({top:(($(window).height()/2)-($('#popup') 
      .outerHeight()/2))-70}, 1000, 'easeOutBounce') 
      .show(); 
} 

該功能負責顯示具有反彈動畫的div,但是,div顯示但沒有反彈效果。

編輯:

我包括從CDN這樣的jQuery和jQueryUI的庫(按順序):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> 
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> 
</script> 
+0

請出示格。 – NoNameZ

回答

90

您需要包括jQueryUI的用於擴展的寬鬆選項。

我想可能有一個選項只包括在下載中的緩動,或者至少只是基礎庫加上緩動。

+2

我包含CDN中的這個文件:''這是這個嗎?一個?或者我應該包含另一個文件? – Malloc

+0

@Malloc你需要包括jQuery和它之後jquery-ui – NoNameZ

+1

是的,我做過,但總是得到同樣的問題,請看看我的編輯:) – Malloc

9

Jquery easing插件將它們的效果函數名稱從1.2版改名爲。如果你有一些javascript取決於緩動,並且它沒有調用正確的效果名稱,它會拋出這個錯誤。

+2

在此處查看舊名稱和新等價物的列表: http://www.jqueryrain.com/?HqpgDqbN –

8

對於那些擁有自定義jQuery UI構建(例如,bower)的用戶,請添加位於..\jquery-ui\ui\effect.js中的效果內核。

3

今天我得到這個錯誤,同時試圖啓動一個div的幻燈片效果。感謝上面提到的'我討厭懶惰'(我已經提出)的答案,我去尋找一個自定義的jQuery UI腳本,並且實際上可以直接在jQuery ui網站http://jqueryui.com/download/上構建自己的文件。你所要做的就是標出你要找的效果,然後下載。

我一直在尋找幻燈片效果。因此,我首先取消選中所有複選框,然後單擊「幻燈片效果」複選框,然後頁面會自動檢查使幻燈片效果起作用的其他必要組件。很簡單。

easeOutBounce是一種緩動效果,您需要檢查'效果核心'複選框。

3

如果您使用的是Bootstrap,Bootstrap的jQuery(如果包含在您的jQuery腳本標記下)也可能會用另一個版本覆蓋您的jQuery腳本標記。包括jQuery自己的CDN並刪除Bootstrap提供的jQuery腳本標記是唯一對我有用的東西。

5

包括這爲我工作。

請在下面的章節中提到這一行。

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> 

相關問題