为什么我的自定义jQuery函数不起作用?

时间:2013-01-23 21:12:19

标签: javascript jquery function

我正在关注this tutorial尝试创建自定义jQuery函数,但是我收到以下错误:

  

未捕获TypeError:对象[object Object]没有方法'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>

我做错了什么?

1 个答案:

答案 0 :(得分:2)

过了一段时间后,我发现我已经包含了两次jQuery的链接;一次在标题中,一次在体内。我删除了正文中的链接,这解决了这个问题。

但是,在自定义代码之前包含jQuery很重要。请参阅此页面上的issue 2