IE 和 Edge 无法 运行 Javascript for css change
IE and Edge fail to run Javascript for css change
我制作了一个简单的脚本来使用 class '.logged_inn_text' 更改 div 的颜色。该脚本的工作原理是从单击的 link 中获取背景样式并将其插入到 class.
代码是在 Chrome 中编写的,并且运行良好,而在 IE 和 Edge 中没有任何反应。如果我alert
名为color 的var,则没有响应。有没有合理的原因导致它不起作用?
$(document).ready(function() {
$('.settings_color_btn').click(function() {
var colorId = $(this).attr('id');
var colorIdFull = '#'+colorId;
var color = $(colorIdFull).css('background');
$('.logged_inn_text').fadeTo('fast', 0.4, function() {
$(this).css('background', color);
}).fadeTo('fast', 1);
return false;
});
});
似乎是 IE return undefined
(感谢 adeneo 测试的人),所以更改
var color = $(colorIdFull).css('background');
到
var color = $(colorIdFull).css('background-color');
会成功的
我制作了一个简单的脚本来使用 class '.logged_inn_text' 更改 div 的颜色。该脚本的工作原理是从单击的 link 中获取背景样式并将其插入到 class.
代码是在 Chrome 中编写的,并且运行良好,而在 IE 和 Edge 中没有任何反应。如果我alert
名为color 的var,则没有响应。有没有合理的原因导致它不起作用?
$(document).ready(function() {
$('.settings_color_btn').click(function() {
var colorId = $(this).attr('id');
var colorIdFull = '#'+colorId;
var color = $(colorIdFull).css('background');
$('.logged_inn_text').fadeTo('fast', 0.4, function() {
$(this).css('background', color);
}).fadeTo('fast', 1);
return false;
});
});
似乎是 IE return undefined
(感谢 adeneo 测试的人),所以更改
var color = $(colorIdFull).css('background');
到
var color = $(colorIdFull).css('background-color');
会成功的