jquery - 单击事件在 mozzila 中工作正常，但在 chrome 中不工作

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

而不是使用bind，使用ON方法

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

Answer 2

它的非常古老的方式尝试这种方式。

从 jQuery 1.4 开始，我们可以通过传递事件类型/处理程序对的映射同时绑定多个事件处理程序：

老的

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

新的

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

Answer 3

我可能弄错了，我从未见过 click: 这样写，试试这个：

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

Answer 4

这个网站看起来很了不起。bind也许您还应该考虑使用 'click' jQuery 函数，而不是 obsolete 。