#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. К сожалению, ваше предложение отлично сработало. Мне просто нужно было очистить кеш. Большое вам спасибо!