javascript - 创建一个非常简单的 jQuery 插件，不工作

我以前从未创建过 jQuery 插件。我正在尝试并暂时保持简单 - 这是我的插件代码，托管在我公司的 CDN 上:

(function ($) {

    $.fn.displayToastrNotifications = function () {
        alert('test');
    };

})(jQuery);

我在我的页面中引用了这个 JavaScript 文件:

<script src="http://server/sites/CDN/Scripts/toastr-notifications.js"></script>

最后，在同一页中，我有:

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

我这样做对吗？包含我的插件代码的 JavaScript 文件正在通过 Firebug 返回浏览器。刷新页面时，我没有收到警告框。我究竟做错了什么？

编辑

控制台报错:

TypeError: $.displayToastrNotifications is not a function

$.displayToastrNotifications();

但是，它是一个函数，至少我认为它是...

最佳答案

不，那是不对的。您将函数添加到 $.fn，这意味着它可以用作 jQuery 对象的方法:

$(something).displayToastrNotifications();

如果您想要一个像 $.ajax 这样的“全局”函数，那么您可以将它设置为 $ 的属性，而不是 $。 fn.

关于javascript - 创建一个非常简单的 jQuery 插件，不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21000694/