IE 11 и ниже и обработчик jQuery

12
Lord Maverik
На сайте с 15.04.2003
Offline
471
#11

Кстати до кучи выяснилось, что IE еще и Math.trunc не понимает 😮🔥

---------- Добавлено 30.11.2017 в 20:29 ----------

Sitealert:

Да, именно в IE11 случаются всякие чудеса с изображениями в качестве label.

там кстати забавное решение:


label{
display: inline-block;
}
label img{
pointer-events: none;
}
}

Надо будет попробовать ради интереса, мало ли 🤪

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)
S
На сайте с 30.09.2016
Offline
469
#12

А я в первый раз немного схалтурил, проверил код на label с текстом, а не с картинкой :o

Сейчас придумал вариант, работающий с картинками. Ярлык делаем пустым, а стили к нему прописываем примерно такие

label#id123{
display: inline-block;
width: 100px;
height: 100px;
background: url(image.jpg);
}
Вроде работает :). Правда, id для label прописывать приходится для совместимости со старыми браузерами. А ещё лучше просто инлайн-стилем background: url(image.jpg); забабахать.
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Оптимизайка
На сайте с 11.03.2012
Offline
396
#13

Lord Maverik,


$('.equipment-block input[type=radio], .variations-block input[type=radio]').on('change', function() {
// check $(this).val() if needed
});

Обработчик клика по картинке не нужен

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
S
На сайте с 30.09.2016
Offline
469
#14

Оптимизайка, там же прикол такой, что не изменяется инпут, он клика не чувствует.

Оптимизайка
На сайте с 11.03.2012
Offline
396
#15

Sitealert, почему не изменяется? Вот на этом примере можете проверить в IE?

https://jsfiddle.net/4hhv6j75/

P.S. О, кажется я понял, что вы имеете ввиду специфический баг именно ie11, а не 10 или edge :)

Попробуйте для примера:

https://jsfiddle.net/4hhv6j75/8/

и

https://jsfiddle.net/4hhv6j75/9/

(с разным css атрибутом pointer-events) в ie11. У меня нет windows, чтоб проверить.

S
На сайте с 13.10.2014
Offline
171
#16

Попробуйте id="1627207_60092" label for="1627207_60092" заменить на id="id_1627207_60092" label for="id_1627207_60092"

может ie чихать хотел на спецификацию html5 и пользуется до сих пор xhtml1.1

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий