單擊事件在mozzila中正常工作但不在鉻中

Question

我有一個隱藏文件字段和一個瀏覽按鈕。當我點擊瀏覽按鈕時，它會觸發點擊文件字段的點擊事件。我的代碼在mozzila中工作正常，但沒有在Chrome中。代碼如下：

$("#upload, #browse_product_detail_file").bind({ 
    click: function(){ 
     $('#product_master_csv_file').trigger('click'); 
     return false; 
    } 
}); 

我曾嘗試下面還有： -

$("#upload, #browse_product_detail_file").bind(
    "click", function(){ 
     $('#product_master_csv_file').click(); 
     return false;   
}); 

和

$("#upload, #browse_product_detail_file").click(function(){ 
     $('#product_master_csv_file').trigger('click'); 
     return false; 
    } 
}); 

和

$("#upload, #browse_product_detail_file").live("click", function(){ 
     $('#product_master_csv_file').trigger('click'); 
     return false; 
    } 
}); 

但是，這是工作的罰款

$("#upload, #browse_product_detail_file").click(function(){ 
     alert("clicked"); 
    } 
}); 

Answer 1

我可能是錯的，我從來沒有見過點擊：寫這樣的，試試這個：

$("#upload, #browse_product_detail_file").bind('click', function(){ 
    $('#product_master_csv_file').click(); 
    return false; 
}); 

Answer 2

This site看起來顯着。也許而不是廢棄bind，你也應該考慮使用'點擊'jQuery功能。

Answer 3

它非常古老的方式嘗試這種方式。

對於jQuery 1.4我們可以通過傳遞地圖事件類型/處理程序對一個同時結合多個事件處理程序：

OLD

$('#foo').bind({ 
    click: function() { 
    // do something on click 
    }, 
    mouseenter: function() { 
    // do something on mouseenter 
    } 
}); 

NEW

$('#foo').bind('mouseenter mouseleave', function() { 
    $(this).toggleClass('entered'); 
}); 

Answer 4

代替使用綁定，請使用ON方法

$("#upload, #browse_product_detail_file").on("click", function(event){ 
    });