添加ui与jquery插件无法正常工作

Question

我的插件

$.fn.myplugin=function(){

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

return this;
}

和脚本

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

问题是不附加的元素。

Answer 1

看来你的代码还可以。

$.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'

<强> DEMO

收集

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

注意

将所有代码放在$(document).ready({ .. })。

中

Answer 2

添加文档就绪也可以帮助

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

Answer 3

它按原样运作：http://jsfiddle.net/7n2Bd/

但是如果要传递元素集合，则会遇到问题。试试这个：

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