Добавить класс CSS к элементу при использовании IE

Question

Добавить класс CSS к элементу при использовании IE

0

Я пытаюсь исправить проблему с пользовательским интерфейсом, которая возникает только в IE, поэтому я пытаюсь выяснить, есть ли у меня IE, а затем добавить идентификатор класса ко всему элементу, который уже находится в главном содержимом класса (нашел больше всего моего HTML файлы).

Я хочу добавить скрипт в свой index.html (который вызывает оболочку, а оболочку - для всех других файлов).

Итак, на моем index.html я добавил эти строки:

<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
<script type='text/javascript'>//<![CDATA[
$(function(){
    if(navigator.userAgent.match(/Trident\/7\./)) {
        $('.main-content').addClass('if-ie');
    }


});//]]>
</script>

Но это не работает

Это работа, если я переключу селектор на:

$('body').addClass('if-ie');

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

Bruse 13 март 2014, в 15:07

Источник

2

Что такое .main_content ? Что вы подразумеваете под другими страницами? Кстати, похоже на проблему XY, потому что в любом случае вы должны обнаружить поддержку функций, а не браузер
A. Wolff 13 март 2014, в 13:10
3

Я предполагаю, что ничто в текущем документе не соответствует селектору $('.main-content') . Элементы должны быть загружены в DOM, прежде чем вы сможете выбрать их.
War10ck 13 март 2014, в 13:10
0

Вместо того, чтобы взламывать это в JavaScript, почему бы не поместить все ваши специфичные для IE стили в ie.css , ie.css любые стили из вашего default.css и включить его только в браузеры IE? Таким образом, вам не нужно постоянно обновлять ваш JavaScript каждый раз, когда вы хотите что-то изменить / добавить. Затем вы можете включить файл, поместив нечто похожее на это в <head> : 
Nope 13 март 2014, в 13:15

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

Теги:

javascript

jquery

html

css

internet-explorer

2 ответа

Ещё вопросы

Что такое .main_content ? Что вы подразумеваете под другими страницами? Кстати, похоже на проблему XY, потому что в любом случае вы должны обнаружить поддержку функций, а не браузер
Я предполагаю, что ничто в текущем документе не соответствует селектору $('.main-content') . Элементы должны быть загружены в DOM, прежде чем вы сможете выбрать их.
Вместо того, чтобы взламывать это в JavaScript, почему бы не поместить все ваши специфичные для IE стили в ie.css , ie.css любые стили из вашего default.css и включить его только в браузеры IE? Таким образом, вам не нужно постоянно обновлять ваш JavaScript каждый раз, когда вы хотите что-то изменить / добавить. Затем вы можете включить файл, поместив нечто похожее на это в <head> :

adenizc · Answer 1 · 2014-03-13T12-02-00.000Z

Можешь попробовать

if ( $.browser.msie ) {
$('.main-content').addClass('if-ie');
}

Версия и другие сведения

http://api.jquery.com/jquery.browser/

$.browser.* осуждается займет слишком много времени назад ..

Kenneth · Answer 2 · 2014-03-13T11-08-00.000Z

Вы можете использовать этот скрипт для обнаружения Internet Explorer

var isMSIE =/*@cc_on!@*/false; if ( isMSIE ) { $('.main-content').addClass('if-ie'); }

http://dean.edwards.name/weblog/2007/03/sniff/