1


0

jqueryプラグインの作成

私はjqueryプラグインの作成を始めようとしています。チュートリアルを読んでいますが、最初は行き詰っています。 これは私が持っているものです:

(function($) {

  $.fn.testPlugin = function(options) {
    this.each(function() {
      alert($(this));
    });
  }
})(jQuery);

私はそれを呼んでいます:

$('#id').testPlugin();

ただし、this.each関数には入りません…​

基本的には、単に呼び出されているもの、この場合はid:id …​.を取得するだけです。 それから私はそれを使って何かをするつもりです…​

2 Answer


0


これがテンプレートとして使用するものです。 魅力のように動作します!

(function($){
  $.fn.extend({
    plugin_name: function(settings){
      var defaults = {
        placeholder : true
      };
      var settings = $.extend(defaults, settings);
      return this.each(function(){
        var s = settings;

        // Code goes here

      });
    }
  });
})(jQuery);


0


投稿したコードは正常に表示されます。 アラートボックスが表示されない理由は、プラグインを呼び出す前に、ブラウザがHTMLドキュメントの解析(「DOMの準備」とも呼ばれる)を完了しなかったためかもしれません。

Try:

$(document).ready(function() {
    $('#id').testPlugin();
});