IE忽略添加的onclick屬性

Question

下面的jquery代碼適用於firefox，Safari，Opera，但不適用於IE。我知道爲什麼在閱讀了很多關於它後IE不能正常工作，但我不知道如何解決它。 我的理解（我認爲）是這種方法將在IE中分配一個「onclick」屬性而不是事件方法。因此它不會在IE中觸發，並且href會觸發，而在這種情況下是「＃」，這正是發生的事情。什麼是添加onclick事件的正確方法。顯示的代碼下方有更多的JavaScript代碼，但我認爲它與該問題無關。

<a id="product_photo_zoom_url" href="/PhotoGallery.asp?ProductCode=9857%2D116%2D003" 
title="9857-116-003 Ignition box"><img id="product_photo" 
src="/v/vspfiles/photos/9857-116-003-2T.jpg" border="0" 
alt="9857-116-003 Ignition box" /></a> <br /><a id="product_photo_zoom_url2" href="/PhotoGallery.asp?ProductCode=9857%2D116%2D003" 
title="9857-116-003 Ignition box"> 
<img src="/v/vspfiles/templates/100/images/buttons/btn_largerphoto.gif" border="0"></a> 





var global_URL_Encode_Current_ProductCode; 
var global_Config_ProductPhotosFolder; 
var global_Current_ProductCode; 

var titleattr = $("a#product_photo_zoom_url").attr("title"); 
var picurl='tb_show(titleattr, \'/PhotoDetails.asp?ShowDESC=N&ProductCode=\' + global_URL_Encode_Current_ProductCode + \'&TB_iframe=true&height=600&width=520\');return false;' 

$("a#product_photo_zoom_url").attr('onclick', picurl); 
$("a#product_photo_zoom_url").attr('href', '#'); 

$("a#product_photo_zoom_url2").attr('onclick', picurl); 
$("a#product_photo_zoom_url2").attr('href', '#'); 

Answer 1

function picurl() 
{ 
    tb_show(titleattr, '/PhotoDetails.asp?ShowDESC=N&ProductCode=' 
+ global_URL_Encode_Current_ProductCode 
+ '&TB_iframe=true&height=600&width=520'); 
    return false; 
} 

$("a#product_photo_zoom_url").click(picurl); 

可以擺脫var picurl = ...的。請注意，picurl現在是一個函數，而不是一串代碼。

Answer 2

您正在使用jQuery，沒有理由不使用它是跨瀏覽器的事件處理抽象：

//... 
$("a#product_photo_zoom_url").click(function() { 
    tb_show(titleattr, '/PhotoDetails.asp?ShowDESC=N&ProductCode=' + 
        global_URL_Encode_Current_ProductCode + 
        '&TB_iframe=true&height=600&width=520'); 
    return false; 
}); 
//... 

請注意，我們使用的是功能，而不是一個字符串作爲事件處理程序。

給看看到：

• .click()

Answer 3

嘗試使用：

$("a#product_photo_zoom_url").click(picurl); 

確保你包你的代碼ready處理。 SOT它應該是這樣的：

$(function(){ 
    $("a#product_photo_zoom_url").click(picurl}); 
});