爲什麼我的自定義jQuery函數不工作？

我下面this tutorial嘗試創建一個自定義的jQuery的功能，但我發現了以下錯誤：爲什麼我的自定義jQuery函數不工作？

Uncaught TypeError: Object [object Object] has no method 'foobar'

用下面的代碼：

jQuery.fn.foobar = function(options) { 
    var settings = jQuery.extend({ 
    value: 5, name: "pete", bar: 655 
    }, options); 
}; 


$(document).ready(function() { 
    $("p").foobar(); 
});

編輯： 我包括的。看起來我有兩次鏈接到jQuery。一旦在頭上，一旦在身體內：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <script src="/js/jquery.js"></script> 
    </head> 
    <body> 
    <p>Some text</p> 

    <script type='text/javascript' src="/js/quiz.js"></script> 
    <script src="/js/jquery.js"></script> 
</body> 
</html>

我在做什麼錯？

來源

2013-01-23 Sheldon

如果上面的代碼（預編輯）碰巧在DOMReady之後運行，$（「p」）。foobar將在定義$ .fn.foobar之前立即運行。 –

這是在哪裏執行的？立即在'

相關問題