我尝试完成的是创建一个jqyery插件,用于控制目标段落上的CSS。
我已经对自定义插件进行了一些研究,但没有发现任何文章解释我需要什么。 我尝试创建底部代码剪切但它没有工作,我错过了一些或不正确的一起。
创建插件时是否遵循传统的jquery设置?书籍或网址也很受欢迎
(function($){
$.fn.changeletter= function(options){
var setting = $.extend({
color:"white",
backgroundColor:"red",
font-size:"15px"},options);
return this.css({
color:setting.color,
backgroundColor:setting.backgroundColor,
font-size:setting.front,
});
};
}(jQuery));
//Code
$("p").changeletter({
color:"red",
backgroundColor:"black",
font-size:"100px",
});
答案 0 :(得分:1)
嘿,我已经像这样修改了你的插件。这是有用的
(function($) {
$.fn.changeletter = function(options) {
debugger;
var setting = $.extend({
color: "white",
backgroundColor: "red",
fontSize: "15px"
}, options);
return this.css({
'color': setting.color,
'background-color': setting.backgroundColor,
'font-size': setting.front,
});
};
}(jQuery));
我猜你现在到了失踪的地方。