왜 사용자 정의 jQuery 함수가 작동하지 않습니까?

나는 시도하고 사용자의 jQuery 함수를 만드는 this tutorial을 다음 해요하지만 난 다음 오류 받고 있어요 :왜 사용자 정의 jQuery 함수가 작동하지 않습니까?

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


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

편집 : 내가 포함 된 다음 코드로

Uncaught TypeError: Object [object Object] has no method '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가 정의되기 전에 즉시 실행됩니다. –

이것은 어디에서 실행됩니까? 즉시 '

왜 사용자 정의 jQuery 함수가 작동하지 않습니까?

관련 문제