javascript - 具有多个参数的 JQuery 自定义函数不起作用
问题描述
我尝试创建 JQUERY 以将 div 附加到现有 div
(function($){
$.fn.alertme=function(){
var opts = $.extend( {}, $.fn.alertme.defaults, options );
$divContent =$('<div></div>').appendTo(opts.container);
$divContent.prop('class','divclass');
};
$.fn.alertme.defaults = {
container: "body",
background: "yellow"
};
})(jQuery);
这就是我所说的:
$(document).ready(function(){
$('#testbutton').on('click',function(){
$.alertme(
{container : '#target'}
);
});
});
它的返回错误选项未定义
请帮帮我,我在这里做错了什么
解决方案
将选项作为参数传递。
(function($){
$.extend({
alertme: function(options){
var defaults = {
container: "body",
background: "yellow"
};
var opts = $.extend( {}, defaults, options );
$divContent =$(opts.container).append('<div>abc</div>');
$divContent.prop('class','divclass');
}
});
})(jQuery);
推荐阅读
- android - 为 targetSDKversion 26 修改 AndroidManifest.template.xml 阻止对图片库的写访问
- abap - SAP ABAP 创建表
- java - 在自定义视图中获取 RecyclerView 方向
- c - 随机填充的向量总是返回相同的数字
- julia - 按 julia 中的公共列值合并数组
- amazon-web-services - AWS ALB 路由
- java - 游戏逻辑应该在客户端还是服务器上?
- css - webpack 4,捆绑字形图标
- ms-access - Creating A Query From SQL Where Condition
- batch-file - 从 .txt 文件中读取 BATCH,而不使用文字路径