javascript - jQuery 基本插件不起作用？

Question

我已经从 jQuery 的网站复制了基本插件。现在，当我将此代码放入文件并将其加载到我的应用程序中时，该插件不起作用。我无法通过 $. 访问该插件，但可以通过 $.fn. 访问它(这对我来说似乎很奇怪)。这是我加载脚本的方式(我没有看到任何内容)。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="plugins.js"></script>
<script type="text/javascript" src="index.js"></script>

这是 plugins.js 的内部内容

$.fn.greenify = function() {
    this.css( "color", "green" );
    return this;
}

我什至尝试过以下方法:

(function ( $ ) {

$.fn.greenify = function( options ) {

    // This is the easiest way to have default options.
    var settings = $.extend({
        // These are the defaults.
        color: "#556b2f",
        backgroundColor: "white"
    }, options );

    // Greenify the collection based on the settings variable.
    return this.css({
        color: settings.color,
        backgroundColor: settings.backgroundColor
    });

}; }( jQuery ));

但这似乎也不起作用。控制台也没有显示任何错误。

Answer 1

问题是如何调用插件它应该是

$('#almightyGreen').click(function () {
    $('.peasants').greenify();
});

您的代码 $.greenify('.peasants'); 正在尝试调用 $.greenify 引用的函数，该函数在您的代码中不存在已分享。