Question

我们可以像这样调用jquery插件吗？这是我的插件文件

    (function($) {

    $.fn.alertme=function(){
    alert('just testing');
    };


    }(jQuery));

我已经包含了插件文件，并在我的主页上调用该功能......

    <script>
    $(document).ready( function() {

    alertme();
    });


    </script>

我在控制台日志Uncaught ReferenceError: alertme is not defined上看到一条错误消息我甚至试过return alert('just testing');，我们该如何解决这个问题？

Answer 1

您将函数添加到$.fn，这是jQuery构造函数原型的别名。这意味着您的函数将附加到以$(someArgs)创建的所有对象。

在jQuery对象上调用函数，例如

$(document).ready( function() {
   $(document).alertme();
});

或

$(document).ready( function() {
   $({}).alertme();
});

甚至

$(document).ready( function() {
   $().alertme();
});

但如果您不在函数中使用this（jQuery对象），那么制作jQuery插件是没有意义的。通常你会做这样的事情：

// logs all elements of the jQuery collection
$.fn.logme=function(){
  this.each(function(){
    console.log(this);
  })
};

$(document).ready( function() {
   $('p').logme();
});

Answer 2

您必须使用jQuery对象

进行调用

试试这个

$(document).ready( function() {
   $(document).alertme();
});

DEMO

jquery非常简单的插件，非常基本

2 个答案: