为什么我的Jquery插件不起作用?

时间:2015-11-08 16:14:10

标签: jquery object jquery-plugins prototype encapsulation

所以我想让自己成为一个Jquery插件,你可以在项目中一次又一次地使用动态。 我已经在本地提供最新的jquery库版本(jquery-2.1.4.min.js) 然后链接我的插件。 喜欢这个..

<head>
other code resources and meta...

  <script type="text/javascript" src="/js/libs/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="/js/functions.jquery.js"></script>
  <script type="text/javascript" src="/js/green.js"></script>
</head>

在'/js/green.js'里面我有以下代码(顺便提一下我上网了)。

(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 ));

我的HTML文档包含以下代码..

$( "div" ).greenify({
color: "orange"
});

我只是不明白为什么没有发生。所有'div'元素的颜色。任何人都可以了解这个bug可能是什么?提前谢谢。

0 个答案:

没有答案