NJ44 Ответов: 3

'Pointer-events: none' не работает с IE

Привет,

У меня есть якорный элемент, помещенный на мою HTML-страницу, которая находится под некоторым условным оператором:

@if(someCondition)
{
<span class="iop-plan"><a id="IOP-InPlan" class="inactiveLink" >IOP - In Plan</a></span>


}


CSS:
а.inactiveLink {
указатель-события: нет;
курсор: по умолчанию;
цвет: #333333;
}



Моя цель состоит в том, чтобы сделать якорную ссылку отключенной/не кликабельной, если условие удовлетворяет. Поэтому я поместил указатель-events: none в CSS. Однако он, похоже, не работает с Internet Explorer. Он работает со всеми другими браузерами (Chrome, Mozilla).

Пожалуйста, помогите.

Что я уже пробовал:

Прочитав в Интернете, я попробовал такие вещи, как размещение якорного элемента внутри тега SVG, поскольку люди предположили, что IE действительно идентифицирует события указателя: none с SVG. Однако это не сработало.

3 Ответов

Рейтинг:
2

Member 12546977

Вместо того чтобы делать это с помощью css , попробуйте установить attr/prop с помощью jquery
Если вы используете jQuery < 1.6, сделайте это:

$('#deleteclientajaxformlink').attr("отключено", "отключено");
Если вы используете jQuery 1.6+:

$('#deleteclientajaxformlink').prop("отключено", true);

Рейтинг:
2

Member 14725965

Я столкнулся с точно такой же проблемой. Добавив css-свойство 'display: block' в класс, он работал на IE 11. Я просто использую это сейчас вместе с "pointer-events: none".

Рейтинг:
0

Kornfeld Eliyahu Peter

То указатель-события Свойство CSS не поддерживалось в IE до версии 11...

NJ44

Да, я это понял. Тогда каков же другой подход, с помощью которого мы можем сделать якорную ссылку отключенной/не кликабельной?

NJ44

Я использую IE версии 11 здесь.