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").on("click", function(event){
    });

Answer 2

我可能会弄错，我从未见过点击：这样写，试试这个：

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

Answer 3

This site看起来很了不起。也许不是过时的bind，你也应该考虑使用'click'jQuery函数。

Answer 4

这种方式非常古老。

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

<强> OLD

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

新

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

点击事件在mozilla中工作正常，但在chrome中没有

4 个答案: