iExplorer — Тот же код, некоторые изображения отображаются, а некоторые нет

#jquery #image #internet-explorer

#jquery #изображение #internet-explorer

Вопрос:

У меня есть раздел на веб-сайте, где вы нажимаете div, чтобы отобразить меню изображений справа, выбираете свой вариант и открываете увеличенную версию указанного изображения в div, на который изначально нажали. Все отлично работает во всех браузерах, кроме IE, но это странное поведение.

Вот пример. Если вы используете IE (протестировано в 8 и 9), большой div в верхней строке и последний div в нижней строке (cubierta и frente) используют одно и то же меню изображений; последние три раздела в верхней строке (под tela) также используют одно и то же меню. И это именно те, которые не работают в 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). Я понятия не имею, с чего начать поиск, может кто-нибудь помочь мне пролить свет на это?

Спасибо.

Комментарии:

1. Пожалуйста, убедитесь, что все теги закрыты, поскольку браузеры, основанные на WebKit, как правило, исправляют проблемы с <тегами> самостоятельно, в то время как IE этого не делает. Ваши функции кажутся мне нормальными

2. @Rohan Все теги правильно закрыты, я фактически пропустил страницу через валидатор 🙂

Ответ №1:

Попробуйте удалить журналы вашей консоли, если вы этого не сделали, они не работают в IE и нарушат код из того, что я испытал

Комментарии:

1. К сожалению, ваше предложение отлично сработало. Мне просто нужно было очистить кеш. Большое вам спасибо!