爲什麼插件無法正常工作？

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>