我有一個網站上的部分,您點擊一個div顯示右側的圖像菜單,選擇您的選擇,並打開一個更大版本的圖像div最初點擊。除IE外,所有瀏覽器都可以正常工作,但這是一種奇怪的行爲。IExplorer - 相同的代碼,一些圖像顯示和一些不要
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'));
});
我測試了歌劇,鉻,FF,Safari瀏覽器的網站,在PC和MAC,只有瀏覽器顯示該行爲(儘管我的客戶說她在Chrome中發生過同樣的事情)。我不知道從哪裏開始尋找,有人能幫我解釋一下這個問題嗎?
謝謝。
請確保所有的標籤都關閉破壞代碼,如瀏覽器基於WebKit傾向於自行修復問題,而IE不支持。你的功能對我來說似乎還行 –
Rohan
@Rohan所有標籤正確關閉,我確實通過驗證器:) – brunn