jquery - jqueryプラグインを使用したUIの追加が機能しない

Question

私のプラグイン

$.fn.myplugin=function(){

var element=$('<div/>').addClass('select').appendTo(this);

return this;
}

とスクリプト

$('<div/>').myplugin().appendTo('body');

問題は要素が追加されていないことです。

Answer 1

準備ができているドキュメントを追加すると、ここでも役立ちます

    $(document).ready(function() {
            $('<div/>').myplugin().appendTo('body');
    });

Answer 2

そのまま動作します：http://jsfiddle.net/7n2Bd/

ただし、要素のコレクションを渡す場合は問題が発生します。これを試して：

$.fn.myplugin=function() {
    return this.each(function() {
        $('<div>').addClass('select').appendTo(this);
    });
};

Answer 3

コードは問題ないようです。

$.fn.myplugin = function() {
    // hello is for just view purpose
    $('<div>hello</div>').addClass('select').appendTo(this);
    return this;
}

$('<div/>').myplugin().appendTo('#target')​; // here instead of '#target' use 'body'

デモ

コレクション用

$.fn.myplugin = function() {
    return $.each(this, function() {
       $('<div>hello</div>').addClass('select').appendTo(this);
    });        
}

ノート

すべてのコードを 内に配置します$(document).ready({ .. })。