Не выполняется скрипт, как исправить?

Question

[Александр]

При клике, должен скрываться элемент, но этого не происходит jquery 3.6.2, а на jquery2.2.4 срабатывает. что не так я сделал?

<div class="error">
	<b class="error__title">{title} <i class="error__title--i hover-op icon-close"></i></b>
	<span class="error__content">{error}</span>
</div>

$('.error__title--i').click(function(){ 
    $(this).closest('.error').hide(100);
	return false;
});

Comments

[Rsa97]

Может быть потому, что последняя версия jQuery - 3.7.1?

[Александр]

Rsa97, перепутал, 3.6.2

[imko]

Я бы сказал не так - использовал джейвери) А так чекни бандл, у них там всякие слимы есть, может просто метода нет такого?

[Moses Fender]

В качестве предположения: а .icon-close наверное выглядит как крестик, нарисованный в SVG, и сама картинка в CSS UrlEncode?

В таких случаях есть у некоторых браузеров с попаданием клика в прозрачность, ибо попадать нужно только в пиксель, содержащий что-то.

Answer 1

[Rsa97]

А..., всё гораздо проще. У вас обработчик клика навешен на элемент i, который имеет нулевой размер. Естественно, попасть по нему мышкой вы не сможете.

Comments

[Александр]

нет, проблема не в этом. С версией 2.2.4 всё отлично работает и попадает

[Rsa97]

Александр, А может вы таки чего-то недоговариваете? Например не показали CSS, который меняет размер этого элемента? Как вы попадёте мышью в элемент шириной 0 пикселов?

[Александр]

Rsa97, вопрос был не по css, а по jquery и да там всё в порядке. Если бы та был 0, то не работало бы не где, а тут работает только на определённой версии

[Rsa97]

Александр, Ну так покажите полный код со стилем. А ещё лучше на codepen.io создайте пример, демонстрирующий проблему. Тот код, что вы пока показали, работать не может.

[Александр]

Rsa97, именно этот код работает, тебе сказали, что проблема не в css, ты чё докопался до стилей, ил в 20х20 особые навыки тебе нужны попасть? Тебе ... в 10 раз говорю код работает ... с версией 2.2.4, но не работает 3.6.2 ... При чём здесь стили?

[Rsa97]

Александр, Потому что без стилей этот элемент имеет ширину 0. И кликнуть по нему невозможно.
А со стилями всё работает. Жмите на крестик. Подключен jquery 3.6.2

[Александр]

Rsa97, ну если бы она была ноль. тогда и в 2.2.4 была бы 0, но нет там всё работает. как подключаю к сайту 3.6.2 сразу перестаёт реагировать в стилях ширина-высота 20px

[Rsa97]

Александр, Ну вот я вам пример сделал с вашей версией jQuery. Работает? Работает. Значит проблема в чём-то другом.
Что в консоли браузера, какие ошибки, предупреждения? Добавьте в обработчик события console.log('click'). Показывается сообщение в консоли?

[Александр]

Rsa97, кажется я нашёл причину, лишняя скобка после данного кода в файле js сайта, только странно почему во 2й версии всё ок