Question

我正在尝试创建一个基本的插件。但是当我尝试执行它不起作用时。到目前为止，我有这个。

隐藏复制代码

(function ($) {

    $.fn.myPlugin = function () {       

        this.fadeOut('normal');

    };
})(jQuery);

现在我试着打电话给这个

$(document).ready (function(){
    $(".img").myPlugin ()
});

它什么都不做

Answer 1

这样工作正常我可以猜你忘了引用jQuery库：

(function ($) {

    $.fn.myPlugin = function () {       

        this.fadeOut('normal');

    };
})(jQuery);

$(document).ready(function(){
    $(".img").myPlugin()
});

.img{width:100px; height:100px; background:yellow; border:red solid 1px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='img'>Img Element</div>

为什么插件无法正常工作？

1 个答案: