jQuery 'show () и hide () не работают в IE8 (при использовании отладчика IE код неожиданно работает)

Question

jQuery 'show () и hide () не работают в IE8 (при использовании отладчика IE код неожиданно работает)

0

У меня есть HTML и JavaScript, чтобы показать и скрыть div на основе выбора в выпадающем списке.

JavaScript выглядит следующим образом:

$('.type-of-display-group').hide();
$('#six-graphs').show();
$('#display-type').change(function () {
    $('.type-of-display-group').hide();
    $('#' + $(this).val()).show();
});

HTML выглядит следующим образом:

<select class="form-control" id="display-type">
    <option value="six-graphs">Six graphs</option>
    <option value="sliderFrame">Carousel</option>
</select>

<div id="six-graphs" class="type-of-display-group">
    [CODE FOR SIX GRAPHS]
</div> <!-- End six graphs display-->
<!-- The div for the carousel-->
<div id="sliderFrame" class="type-of-display-group"> 
    [CODE FOR CAROUSEL]
</div><!-- End of carousel -->

Смотрите этот скрипт, чтобы увидеть код в действии.

Таким образом, код работает в Firefox, но он не работает в IE8. Случается, что оба div отображаются друг над другом (и я вижу сломанный сигнал в левом нижнем углу). Когда я отлаживаю скрипт с помощью F12, а затем использую отладчик, код внезапно работает...

У кого-нибудь есть другой способ использования функций show() и hide() jQuery, чтобы я мог использовать этот код в IE8?

Erwin Rooijakkers 21 янв. 2014, в 17:17

Источник

6

Я не вижу этого в опубликованном вами коде, но стоит упомянуть, что console объект отсутствует в IE8, если инструменты разработчика не открыты. Вы используете console где-нибудь случайно?
ajp15243 21 янв. 2014, в 15:50
2

«Когда я отлаживаю скрипт с помощью F12, а затем использую отладчик, код неожиданно работает ...» Вы уверены, что у вас где-то не спрятано console.log ()?
Kevin B 21 янв. 2014, в 15:50
1

console доступна только при отладке, иначе это создаст проблему
Satpal 21 янв. 2014, в 15:53
1

Забавно, похоже, это связано с версией jQuery. Если я использую 1.9.1, ошибка исчезнет.
j08691 21 янв. 2014, в 15:56
0

« при использовании отладчика IE код неожиданно работает » ... почти наверняка означает, что у вас есть console.log() . Возьми это. См. Stackoverflow.com/questions/7742781/…
Spudley 21 янв. 2014, в 15:58
0

@j08691 j08691 Интересно, так что, возможно, ошибка с jQuery 1.10.x в IE8?
ajp15243 21 янв. 2014, в 16:02
0

@ajp15243 ajp15243 это была действительно консоль. : D Человек, взял меня весь день.
Erwin Rooijakkers 21 янв. 2014, в 16:14
0

@j08691 j08691 какие еще проблемы с кодом? Это было решено после удаления моего console.log для Document ready в одном js-файле (он даже обнаружился в отладчике при дальнейшей проверке, я просто не знал, что вы не можете этого сделать).
Erwin Rooijakkers 21 янв. 2014, в 16:16
0

Это странно. У меня есть IE8 для тестирования, и в вашей скрипке нет операторов console.log, но я получаю описанное вами поведение и ошибку, пока не изменю версию jQuery.
j08691 21 янв. 2014, в 16:20
0

@j08691 j08691 это было в другом файле, который я начал в своем коде. Я просто понятия не имел, что это может иметь какое-либо отношение к этому, и я пропустил (для меня) нерелевантный код.
Erwin Rooijakkers 21 янв. 2014, в 16:22
0

@j08691 j08691 Я запустил свою виртуальную машину WinXP IE8, и я не вижу никаких ошибок в его скрипке (я добавляю /show к URL, так как инструменты JSFiddle не работают на IE8). Я попробовал с и без инструментов разработки.
ajp15243 21 янв. 2014, в 17:31

Показать ещё 9 комментариев

Теги:

javascript

jquery

html

internet-explorer-8

1 ответ

Ещё вопросы

Я не вижу этого в опубликованном вами коде, но стоит упомянуть, что console объект отсутствует в IE8, если инструменты разработчика не открыты. Вы используете console где-нибудь случайно?
«Когда я отлаживаю скрипт с помощью F12, а затем использую отладчик, код неожиданно работает ...» Вы уверены, что у вас где-то не спрятано console.log ()?
console доступна только при отладке, иначе это создаст проблему
Забавно, похоже, это связано с версией jQuery. Если я использую 1.9.1, ошибка исчезнет.
« при использовании отладчика IE код неожиданно работает » ... почти наверняка означает, что у вас есть console.log() . Возьми это. См. Stackoverflow.com/questions/7742781/…
@j08691 j08691 Интересно, так что, возможно, ошибка с jQuery 1.10.x в IE8?
@ajp15243 ajp15243 это была действительно консоль. : D Человек, взял меня весь день.
@j08691 j08691 какие еще проблемы с кодом? Это было решено после удаления моего console.log для Document ready в одном js-файле (он даже обнаружился в отладчике при дальнейшей проверке, я просто не знал, что вы не можете этого сделать).
Это странно. У меня есть IE8 для тестирования, и в вашей скрипке нет операторов console.log, но я получаю описанное вами поведение и ошибку, пока не изменю версию jQuery.
@j08691 j08691 это было в другом файле, который я начал в своем коде. Я просто понятия не имел, что это может иметь какое-либо отношение к этому, и я пропустил (для меня) нерелевантный код.
@j08691 j08691 Я запустил свою виртуальную машину WinXP IE8, и я не вижу никаких ошибок в его скрипке (я добавляю /show к URL, так как инструменты JSFiddle не работают на IE8). Я попробовал с и без инструментов разработки.

Erwin Rooijakkers · Accepted Answer · 2014-01-21T13-44-00.000Z

Как ajp15243, Kevin B, satpal и Spudley любезно заметили в комментариях console.log можно использовать только при отладке в Internet Explorer. Когда я удалил один console.log я запустил готовый документ в другом файле JavaScript и забыл, код работал как шарм.

Невероятно, что этот материал занял меня весь день.

более того - console.log не должен быть фактически ИСПОЛЬЗОВАН, чтобы вызвать разрыв скрипта под IE. Даже если он существует в каком-то операторе IF, который не выполняется, сценарий сломается под IE.