У меня есть раздел на веб-сайте, где вы щелкаете по элементу div, чтобы отобразить меню изображений справа, выбираете ваш выбор и открываете увеличенную версию указанного изображения в элементе div, который изначально был выбран. Все прекрасно работает во всех браузерах, кроме IE, но это странное поведение.
Вот пример . Если вы используете IE (проверено в 8 и 9), большой div верхнего ряда и последний div нижнего ряда (cubierta и frente) совместно используют одно и то же меню изображения; верхний ряд последних трех дивов (под телой) также делят то же самое меню. И это именно те, которые не работают в IE. Странно, однако, что я открываю инструменты разработчика, чтобы попытаться увидеть, что не так, и сразу после этого все работает нормально. Так что я знаю, что изображения и скрипт работают, но не при первом открытии страницы (или даже до тех пор, пока я не нажму F12), и я не могу понять, почему.
Часть кода, который я использую, и он распространен среди проблемных элементов:
var clickedDiv = null;
$(".tela_").click(function(){
$(".nav a").removeClass("active");
$(".tela1").addClass("active"); // start on first tab when clicking either of the 3 blank divs
$("div[id$=_options]").css("visibility", "hidden");
$("#acabados_main #tela1_options").css("visibility", "visible");
console.log("setting div");
clickedDiv = $(this);
});
$('#tmp .image_carousel div>img').click(function () {
console.log("img clicked");
var $img = $(this),
imageName = $img.attr('alt'),
chopped = imageName.split('.');
clickedDiv.next().text(chopped[0]);
clickedDiv.find('img').attr('src', $img.attr('src'));
});
Я протестировал сайт в Opera, Chrome, FF, Safari, на ПК и MAC, и только Explorer показал такое поведение (хотя мой клиент говорит, что в Chrome происходило то же самое). Я понятия не имею, с чего начать, может кто-нибудь помочь мне пролить свет на это?
Спасибо.