2011-05-08 76 views
1

在其他瀏覽器中,MacX和Win7上的FireFox4,Safari 5,Chrome, 下面的代碼的工作原理類似於Intented。innerHTML不適用於IE和Opera

僅適用於ie8 en opera不起作用... 我需要添加或更改哪些內容才能使其適用於這兩種瀏覽器?

$(document).ready(function(){ 

$(".myButton").live("click", function() {    
     $("#myDiv").fadeIn("fast") 

     var alertMessage = document.getElementById("alertMessage");  
     var itemName = $(this).parent().find(".itemName").text(); 
     var itemQuantity = parseInt($(this).siblings(".itemQuantity").val()); 

     alertMessage.innerHTML = itemQuantity + "x " + '<strong>'+itemName+'</strong>' ; 

     $("#myDiv").fadeOut(4000); 
    }); 

}); 
+0

alertMessage是什麼元素? – 2011-05-08 15:14:28

回答

2

嘗試使用jQuery更改html。取而代之的

var alertMessage = document.getElementById("alertMessage");  
... 
alertMessage.innerHTML = itemQuantity + "x " + '<strong>'+itemName+'</strong>' ; 

務必:

$("#alertMessage").html(itemQuantity + "x " + '<strong>'+itemName+'</strong>') ; 

jQuery將處理瀏覽器差異更好。

+0

嗨阿里爾,謝謝你的回答。這似乎有幫助。 itemName和itemQuantity不僅僅在IE中顯示(沒有值)。你知道我需要改變那些IE嗎?謝謝! – CCCam 2011-05-08 17:33:10

+0

顯示你的html結構 – ariel 2011-05-08 17:36:49

+0

謝謝Ariel,我現在解決了這個問題。似乎ie的實時點擊功能在某種程度上干涉了某些東西,所以改爲改爲實際的mouseup功能,並且所有這些似乎都可以再次運行:) – CCCam 2011-05-08 18:02:45

相關問題