我在网站上有一个部分,您点击一个div来显示右侧的图像菜单,选择您的选择并在最初点击的div中打开更大版本的所述图像。除了IE之外,所有浏览器都能很好地工作,但这是一种奇怪的行为。
Here's an example。如果您正在使用IE(在8和9中测试),则顶行大div和底行最后div(cubierta和frente)共享相同的图像菜单;最后一行最后三个div(在tela下)也共享相同的菜单。那些正是那些不在IE中工作的人。然而,奇怪的是,我打开开发人员工具试图看看有什么不对,并且在此之后一切正常。所以我知道图像和脚本是有效的,只是不是在第一次打开页面时(或实际上直到我点击F12),我无法弄清楚原因。
我使用的部分代码在问题div中很常见:
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,PC和MAC上测试了该网站,只有Explorer显示了这种行为(虽然我的客户说她在Chrome中也有同样的情况)。我不知道从哪里开始寻找,有人可以帮我解释一下吗?
谢谢。
答案 0 :(得分:0)
尝试取出你的控制台日志,如果你没有,他们不能在IE中工作,并会破坏我所经历的代码