jQuery.css () не возвращает border-color для которого установлено красное
CSS: .divIm {border: 1px solid red; } и кодовая строка var borderColor = $ (this) .css ("border-color") возвращает "" . Что не так? Или было бы правильно пытаться получить вычисляемый стиль, если я использую jQuery?
Обновление: ) возвращает "". Что не так? Или было бы правильно пытаться получить вычисляемый стиль, если я использую jQuery? ...
CSS: .divIm {border: 1px solid red; } и кодовая строка var borderColor = $ (this) .css ("border-color") возвращает "" . Что не так? Или было бы правильно пытаться получить вычисляемый стиль, если я использую jQuery?
Обновление: ) возвращает "". Что не так? Или было бы правильно пытаться получить вычисляемый стиль, если я использую jQuery? ...
CSS: .divIm {border: 1px solid red; } и кодовая строка var borderColor = $ (this) .css ("border-color") возвращает "" . Что не так? Или было бы правильно пытаться получить вычисляемый стиль, если я использую jQuery?
Обновление: Ниже приведен код, который не хочет работать так, как ожидалось.
$("div.divIm").mouseover(function() {
var borderColor = $(this).css("border-color");
debugger;
});
3 ответа
Поскольку каждая из четырех границ может иметь разный цвет, .css ('border-color') не может определить, какой цвет вернуть (даже если все они одинаковы).
В большинстве случаев цвет всех границ одинаков, поэтому вы можете сделать это следующим образом:
$('div.divIm').mouseover(function() {
var borderColor = $(this).css('border-left-color');
debugger;
});
Итак, вы получите цвет левой границы, и этого должно быть достаточно для ваших нужд.
var borderColor = $(this).css("border-color")
Вам нужно показать больше. Но если это все, что у вас есть, проблема в том, что этот не определен.
var borderColor = $('.divIm').css("border-color");
Будет тем, что вам нужно.
Вы можете получить вычисленный стиль с помощью curStyles jQuery Plugin , включая несколько вычисленных стилей.