Простой jQuery, если оператор не переключается между стилями
NullPointerException s - исключения, возникающие при попытке использовать ссылку, которая указывает на отсутствие местоположения в памяти (null), как если бы она ссылалась на объект. Вызов метода по нулевой ссылке или попытка получить доступ к полю нулевой ссылки вызовет функцию NullPointerException. Они наиболее распространены, но другие способы перечислены на странице NullPointerException javadoc.
Вероятно, самый быстрый пример кода, который я мог бы придумать для иллюстрации NullPointerException, be:
public class Example {
public static void main(String[] args) {
Object obj = null;
obj.hashCode();
}
}
В первой строке внутри main я явно устанавливаю ссылку Object obj равной null. Это означает, что у меня есть ссылка, но она не указывает на какой-либо объект. После этого я пытаюсь обработать ссылку так, как если бы она указывала на объект, вызывая метод на нем. Это приводит к NullPointerException, потому что нет кода для выполнения в местоположении, на которое указывает ссылка.
(Это техничность, но я думаю, что она упоминает: ссылка, которая указывает на null, равна 't то же, что и указатель C, указывающий на недопустимую ячейку памяти. Нулевой указатель буквально не указывает на в любом месте , который отличается от указаний на местоположение, которое оказывается недопустимым.)
2 ответа
Проблема в том, что свойство height будет возвращать значение в пикселях :
$('.some.thing').click(function() {
console.log($(this).css('height'));
});div { background: red }<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<div class='some thing'>stuff</div> 16 пикселей эквивалентны одному em, поэтому просто замените ваше условие 3em на 48px:
$('.some.thing').click(function() {
if ($(this).css('height') === '48px') {
$(this).css('height', '10em');
} else {
$(this).css('height', '3em');
}
});div { background: red }<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<div class='some thing'>stuff</div>Вычисленные стили не рассчитываются в единицах em. Возвращаемое значение будет в пикселях.
$('.some.thing').click(function() {
console.log($(this).css('height'));
if ($(this).css('height') === '48px') {
$(this).css('height', '10em');
} else {
$(this).css('height', '3em');
}
});div { background: red }<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<div class='some thing'>stuff</div>