jquery - 使用 jquery 插件添加 ui 不起作用

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'

演示

供收藏

$.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);
    });
};