添加jquery插件不起作用的ui

添加jquery插件不起作用的ui,jquery,jquery-plugins,jquery-selectors,Jquery,Jquery Plugins,Jquery Selectors,我的插件 $.fn.myplugin=function(){ var element=$('<div/>').addClass('select').appendTo(this); return this; } $.fn.myplugin=function(){ var元素=$('').addClass('select').appendTo(this); 归还这个; } 和脚本 $('<div/>').myplugin().appendTo('body'); $(

我的插件

$.fn.myplugin=function(){

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

return this;
}
$.fn.myplugin=function(){
var元素=$('').addClass('select').appendTo(this);
归还这个;
}
和脚本

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

问题是元素没有追加。

您的代码似乎还可以

$.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(){
//您好,仅供查看
$('hello').addClass('select').appendTo(this);
归还这个;
}
$('').myplugin().appendTo('#target')​; // 此处使用“身体”而不是“目标”

收集
$.fn.myplugin=function(){
返回$.each(此,函数(){
$('hello').addClass('select').appendTo(this);
});        
}

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

看来您的代码还可以

$.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(){
//您好,仅供查看
$('hello').addClass('select').appendTo(this);
归还这个;
}
$('').myplugin().appendTo('#target')​; // 此处使用“身体”而不是“目标”

收集
$.fn.myplugin=function(){
返回$.each(此,函数(){
$('hello').addClass('select').appendTo(this);
});        
}

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

添加一个document ready也会有帮助

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

添加一个准备好的文档在这里也会有所帮助

    $(document).ready(function() {
            $('<div/>').myplugin().appendTo('body');
    });
$(文档).ready(函数(){
$('').myplugin().appendTo('body');
});
它按原样工作:

但是,如果要传递元素集合,则会出现问题。试试这个:

$.fn.myplugin=function() {
    return this.each(function() {
        $('<div>').addClass('select').appendTo(this);
    });
};
$.fn.myplugin=function(){
返回此值。每个(函数(){
$('').addClass('select').appendTo(this);
});
};
它按原样工作:

但是,如果要传递元素集合,则会出现问题。试试这个:

$.fn.myplugin=function() {
    return this.each(function() {
        $('<div>').addClass('select').appendTo(this);
    });
};
$.fn.myplugin=function(){
返回此值。每个(函数(){
$('').addClass('select').appendTo(this);
});
};