Javascript работает в chrome но не в IE
Просто изучаю JS, но у меня есть этот простой HTML, использующий JQuery, со встроенным JS, который полностью работает в последнем Chrome, но не в IE11?
<html>
<head>
<link rel='stylesheet' type='text/css' href='css/styles.css'>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
function main() {
$('.skillset').hide();
$('.skillset').fadeIn(1000);
$('.projects').hide();
$('.projects-button').on('click', function() {
//$(this).next().toggle();
$(this).next().slideToggle(250);
$(this).toggleClass('active');
$(this).text('Projects Viewed');
});
}
</script>
</head>
<body>
<h1>Proficient in:</h1>
<div class='skillset'>
<div class='skill-html'>
<h1>HTML & CSS</h1>
<p class='description'>
<div class='projects-button'>Recent Projects</div>
<ul class='projects'>
<li>Broadway</li>
<li>MOVE</li>
</ul>
</p>
</div>
<div class='skill-js'>
<h1>JavaScript</h1>
<p class='description'>
<div class='projects-button'>Recent Projects</div>
<ul class='projects'>
<li>Password Validator</li>
<li>Whale Talk</li>
</ul>
</p>
</div>
<div class='skill-jquery'>
<h1>jQuery</h1>
<p class='description'>
<div class='projects-button'>Recent Projects</div>
<ul class='projects'>
<li>Coming soon...</li>
</ul>
</p>
</div>
</div>
<script type='text/javascript'>
$(document).ready(main);
</script>
</body>
</html>
файл CSS ...
body {
font-family: Helvetica;
padding: 2em;
background-color: whitesmoke;
}
h1 {
font-size: 2.5em;
}
.skillset {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.skill-html {
background-color: #E55126;
}
.skill-js {
background-color: #E5A227;
}
.skill-jquery {
background-color: #0C73B8;
}
.skill-html,
.skill-js,
.skill-jquery {
width: 100%;
padding: 1em 3em 2em 2em;
margin: 0.5em;
color: whitesmoke;
}
.projects-button {
padding: 0.75em 1.25em;
background-color: whitesmoke;
opacity: 0.9;
width: 10em;
color: black;
}
ul {
list-style: none;
padding: 0;
}
.projects {
margin: 1em 0;
}
.active {
background-color: #333333;
color: whitesmoke;
}
Что я уже пробовал:
ничего, потому что я не знаю, почему один браузер работает, а другой нет.
jsc42
Как вы вызываете страницу? Если вы используете его локально и дважды щелкаете его имя файла из Проводника Windows или щелкаете правой кнопкой мыши и используете команду " Выполнить с помощью...", он загрузится с протоколом " файл:". Это, кажется, не соблюдается в Edge, но соблюдается в Chrome. Я не знаю, работает ли он в IE11 - раньше он работал в более ранних версиях IE. Если вы запускаете его через веб-сервер, то я не могу помочь.
ninjaef
Он работает с локального диска. Дважды щелкнув по нему. Но и вошли в полную силу C:\test\index.html в навигационной панели в IE такое же поведение - она не работает (в IE), но безупречна в chrome.
Я использую IE11
ninjaef
ИСПРАВИЛ ЭТО !!
<meta http-equiv="X-UA-совместимый" контент="IE=edge">
в верхней части HTML-файла, но может ли кто-нибудь объяснить, что это делает. Я нашел решение просто goolging десятки "jquery не работает IE"
однако это устаревший материал для IE11, и поэтому я переключился на следующий, но он все равно не работал. Работает только метатег:
<!doctype html>
Mohibur Rashid
https://www.lifewire.com/xua-compatible-meta-tag-3469059
Серьезный вопрос, какова версия вашего браузера
Richard Deeming
Ваша страница по какой-то причине вынуждена перейти в режим совместимости с IE, что заставляет ее вести себя как старая версия IE. Добавление мета-тега заставляет его вернуться в режим IE11.
На первый взгляд, вы используете версию jQuery, которая не поддерживает более старые версии IE. То текущая версия поддерживает только IE9 или более позднюю версию[^], так что если бы ваша страница отображалась в режиме IE7, она бы не работала.
Если у вас возникли проблемы с кодом Javascript на Вашей странице, нажмите кнопку F12 чтобы открыть инструменты разработчика. Отладчик покажет вам детали любых ошибок скрипта.