Стиль `-ms-touch-action` не применяется с $ .css ()

Question

Стиль `-ms-touch-action` не применяется с $ .css ()

0

Я пытаюсь применить свойство CSS ms-touch-action без успеха, используя метод $.css.

$('#demo').css({
    'height': '100%',
    'position': 'relative',

    '-ms-touch-action': 'none'
});

Демо-версия

Alvaro 03 апр. 2014, в 14:32

Источник

0

А в каком браузере вы это пробуете? Протестировано на MS браузерах (IE) и работает как положено
A. Wolff 03 апр. 2014, в 11:38
0

Разве это не должно быть применено во всех них в любом случае? Как при использовании таблицы стилей, которую вы можете проверить в любом случае? (Chrome, Firefox, IE 9)
Alvaro 03 апр. 2014, в 11:39
0

Это работает только в IE10, насколько я знаю?
adeneo 03 апр. 2014, в 11:40
0

Нет, только допустимые свойства добавляются с помощью .css()
A. Wolff 03 апр. 2014, в 11:40
0

Будет ли он правильно применяться в IE 10?
Alvaro 03 апр. 2014, в 11:41
0

@Alvaro Альваро, пожалуйста, проверьте это на своей стороне, спасибо ...
A. Wolff 03 апр. 2014, в 11:41
0

@A.WolffA.Wolff У меня нет доступа к IE 10 ...
Alvaro 03 апр. 2014, в 11:42
0

realworldvalidator.com/css/module/Microsoft/-ms-touch-action
Sudharsan S 03 апр. 2014, в 11:42
0

Я знаю это, но при использовании таблиц стилей CSS вы можете визуализировать это в любом браузере.
Alvaro 03 апр. 2014, в 11:42
0

@Alvaro Alvaro НО, что может быть целью увидеть здесь недействительное свойство CSS? Может быть, вы должны сказать нам, что вы ищете, похоже на проблему XY
A. Wolff 03 апр. 2014, в 11:43
0

@A.WolffA.Wolff, никто еще не подтвердил мне, что он работает в IE 10. Мне интересно, не будет ли метод css добавить его в IE 10.
Alvaro 03 апр. 2014, в 11:44
0

@Alvaro Он добавит его в IE10 / 11, даже если в IE11 еще есть префикс
A. Wolff 03 апр. 2014, в 11:45
0

@A.WolffA.Wolff - Префиксная версия была удалена в IE11, поэтому она работает только в IE10.
adeneo 03 апр. 2014, в 11:46
0

@adeneo Такс для полезной информации как обычно
A. Wolff 03 апр. 2014, в 11:47
0

@A.WolffА.Вольфф, спасибо.
Alvaro 03 апр. 2014, в 11:48
0

@adeneo также применяется в IE 11. Я только что проверил это.
Alvaro 03 апр. 2014, в 11:48
0

В документах говорится, что IE11 использует не-префиксное touch-action , но они, вероятно, также сохранили поддержку префиксной версии.
adeneo 03 апр. 2014, в 11:49
0

@Alvaro Alvaro Я, должно быть, что-то упускаю: «У меня нет доступа к IE 10» ... «Это также применяется в IE 11. Я только что проверил это» ?????? Как насчет поддержки эмуляции ?!
A. Wolff 03 апр. 2014, в 11:49
0

@A.WolffA.Wolff - не знаете, как работает эмулятор?
adeneo 03 апр. 2014, в 11:50
0

@A.WolffA.Wolff Я только что понял, что у меня есть еще 8 пробных минут в стеке браузера :)
Alvaro 03 апр. 2014, в 11:50
0

@Alvaro Альваро, вам лучше понять, что вы можете эмулировать более старый режим IE в IE11, нажмите F12 и проверьте соответствующую вкладку (последнюю);)
A. Wolff 03 апр. 2014, в 11:54
0

@A.WolffA.Wolff Я использовал IE 11 и IE 10 для стека браузеров, в моей среде разработки у меня был только IE 9.
Alvaro 03 апр. 2014, в 11:56
0

@Alvaro Alvaro Время обновить IE. К вашему сведению, css() добавляет префикс поставщика, который затем следует использовать для поддержки IE10 / 11: 'touch-action': 'none' , это станет: -ms-touch-action в IE10
A. Wolff 03 апр. 2014, в 11:57

Показать ещё 21 комментарий

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

А в каком браузере вы это пробуете? Протестировано на MS браузерах (IE) и работает как положено
Разве это не должно быть применено во всех них в любом случае? Как при использовании таблицы стилей, которую вы можете проверить в любом случае? (Chrome, Firefox, IE 9)
Это работает только в IE10, насколько я знаю?
Нет, только допустимые свойства добавляются с помощью .css()
Будет ли он правильно применяться в IE 10?
@Alvaro Альваро, пожалуйста, проверьте это на своей стороне, спасибо ...
@A.WolffA.Wolff У меня нет доступа к IE 10 ...
realworldvalidator.com/css/module/Microsoft/-ms-touch-action
Я знаю это, но при использовании таблиц стилей CSS вы можете визуализировать это в любом браузере.
@Alvaro Alvaro НО, что может быть целью увидеть здесь недействительное свойство CSS? Может быть, вы должны сказать нам, что вы ищете, похоже на проблему XY
@A.WolffA.Wolff, никто еще не подтвердил мне, что он работает в IE 10. Мне интересно, не будет ли метод css добавить его в IE 10.
@Alvaro Он добавит его в IE10 / 11, даже если в IE11 еще есть префикс
@A.WolffA.Wolff - Префиксная версия была удалена в IE11, поэтому она работает только в IE10.
@adeneo Такс для полезной информации как обычно
@adeneo также применяется в IE 11. Я только что проверил это.
В документах говорится, что IE11 использует не-префиксное touch-action , но они, вероятно, также сохранили поддержку префиксной версии.
@Alvaro Alvaro Я, должно быть, что-то упускаю: «У меня нет доступа к IE 10» ... «Это также применяется в IE 11. Я только что проверил это» ?????? Как насчет поддержки эмуляции ?!
@A.WolffA.Wolff - не знаете, как работает эмулятор?
@A.WolffA.Wolff Я только что понял, что у меня есть еще 8 пробных минут в стеке браузера :)
@Alvaro Альваро, вам лучше понять, что вы можете эмулировать более старый режим IE в IE11, нажмите F12 и проверьте соответствующую вкладку (последнюю);)
@A.WolffA.Wolff Я использовал IE 11 и IE 10 для стека браузеров, в моей среде разработки у меня был только IE 9.
@Alvaro Alvaro Время обновить IE. К вашему сведению, css() добавляет префикс поставщика, который затем следует использовать для поддержки IE10 / 11: 'touch-action': 'none' , это станет: -ms-touch-action в IE10

Sridhar R · Answer 1 · 2014-04-03T08-46-00.000Z

Попробуйте с этим

var elem = document.getElementById("demo");
elem.setAttribute("style","position:relative;-ms-touch-action:none;height: 100%,");
$('body').append($('#demo').attr('style'));

DEMO

Это работает, но с другой стороны, это на самом деле не работает, так как теперь вы просто element.style.msTouchAction чтобы вставить строку со свойством CSS, которого не существует?
@adeneo OP попросил применить CSS к этому элементу, поэтому я попытался таким образом, он установит