2

У меня все еще возникают проблемы с получением моей страницы Twitter-Bootstrap для правильного отображения рабочего стола в IE8. Я следил за несколькими темами здесь, но проголосовавший совет просто не работает для меня.Twitter-Bootstrap reply.js не работает для IE8

Использование предложенного мета-тег

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

Включенные локальные версии bootstrap.css, html5shiv.js, respond.js, IE8-реагирующие-файл-warning.js

Вот мой головной секции :

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content="SunTrust Equity Line Options"> 
<meta name="author" content=""> 
<link rel="shortcut icon" href="favicon.ico"> 

<title>SunTrust &ndash; Your Equity Line is Maturing. What are your options?</title> 

<!-- Bootstrap core CSS --> 
<link href="dist/css/bootstrap.css" rel="stylesheet"> 

<!-- Just for debugging purposes. Don't actually copy this line! --> 
<!--[if lt IE 9]><script src="dis/js/ie8-responsive-file-warning.js"></script><![endif]--> 

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!--[if lt IE 9]> 
    <script src="dist/js/html5shiv.js"></script> 
    <script src="dist/js/respond.js"></script> 
<![endif]--> 

И конец его:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="dist/js/tooltip.js"></script> 
<script src="dist/js/popover.js"></script> 
<script> 
$("a[rel=popover]") 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
    }); 
</script> 
</body> 
</html> 
+0

посмотреть Http://stackoverflow.com/questions/15127040/respond-js-not-working-in-ie-8 это поможет вам – 2dar

+0

@ 2dar Этот ответ, похоже, не применим к этому коду. – Blazemonger

+0

Я рассмотрел поток stackoverflow, предложенный выше. Ни один из перечисленных здесь элементов не помогает. –

ответ

1

Я вижу, что вы используете «dis/js/...» в одном месте и «dist/js /» в других местах. Вы уверены, что ваши пути верны? Я бы дважды проверял, что браузер фактически загружает файлы, которые, по вашему мнению, загружают.

или это может быть дублирование условных комментариев, попробуйте это для усмешек: (конечно исправить пути в приведенном ниже коде тоже, если «ЦСИ» или «DIST» неверна)

<!-- Just for debugging purposes. Don't actually copy this line! --> 
<!--[if lt IE 9]> 
    <script src="dis/js/ie8-responsive-file-warning.js"></script> 
    <script src="dist/js/html5shiv.js"></script> 
    <script src="dist/js/respond.js"></script> 
<![endif]--> 

Я m также не знаком с ie8-responsive-file-warning.js, я бы попытался удалить это, если все остальное не будет уверенным, что оно не противоречит response.js. Если на то пошло, удалите html5shiv также, чтобы исключить все конфликты.

+0

dist/js/html5shiv.js и dist/js/response.js являются правильными каталогами. Я проверил полные пути в браузере, и он подтягивает содержимое файлов. Я удалил ie8-responsive-file-warning.js, как было предложено, но все же получаю те же результаты. (http://skmgroupwork.com/suntrust/email/stac307b/indexhover.html) –

2

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

Событие: примеры getbootstrap.com не работают в IE8, все они складываются так же, как и мобильные устройства в IE8.

Это позор, так как я не буду использовать его для большинства проектов.

+0

Это говорит о наличии проблемы с вашей установкой IE8. Все примеры работают в IE8 для меня. –

+0

Вы говорите, что вы видите 3 столбца, те, у которых есть названия и кнопки, рядом друг с другом в IE8? Не сложены друг на друга? Я все еще вижу, что они сложены, что не то, что я хочу. Примеры getbootstrap.com также содержат три столбца. –

+0

Да, например. http://getbootstrap.com/examples/jumbotron/ и http://getbootstrap.com/examples/offcanvas/ работают правильно. –

8

Попробуйте использовать локальную копию бутстрапа. Это решило мою проблему с IE8.

+0

Чувак, вы сэкономите много времени, спасибо! :) –

+0

добро пожаловать. Причина, по которой вам нужна локальная копия бутстрапа, заключается в том, что response.js не может анализировать удаленный ресурс css. – bwaaaaaa

0

Мы обнаружили, что наличие ссылок css за пределами раздела «head» (по существу, для загрузочного css) нарушает способность response.js предоставлять необходимую поддержку медиа-запросов по мере необходимости. Убедитесь, что все ваши ссылки css находятся в разделе «head».

2

Всегда загружайте следующие скрипты после погрузка jQuery.

Особенно в WordPress и других структур некоторые люди, как правило, включают в себя Jquery непосредственно перед закрывающим тегом, и поэтому после html5shiv.js и respond.js скрипт, который вызывает проблемы в IE8

<!-- Include first --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<!--[if lt IE 9]> 
    <script src="js/html5shiv.js"></script> 
    <script src="js/respond.js"></script> 
<![endif]--> 
Смежные вопросы