jQuery focus（）不能在FireFox中工作，但在Chrome中工作

Question

我知道这个问题之前已经被问过了，因为我在过去的几个小时里正在寻找一个解决方案。 这个想法是我有一个显示文本值的表格单元格。点击事件后，该值将被转换为可编辑的输入字段。

我的代码在Chrome上完美运行，但是在FireFox中测试时出现输入文本，但我根本无法编辑该字段。

这里是我的代码：

function openInput(product_row) { 
    var qty = $('[name="order_product[' + product_row + '][quantity]"]').val(); 
    text = '<input type="text" name="enter_order_product[' + product_row + '][quantity]" value="'+qty+'" style="text-align:right;width:30px;" />'; 
    $("#order_product_" + product_row + "_quantity").html(text + '<input type="hidden" name="order_product[' + product_row + '][quantity]" value="' + qty + '" />'); 

    var input = $('[name="enter_order_product[' + product_row + '][quantity]'); 
    input.focus(); 
} 

openInput函数被调用上的表格单元格单击事件。

我不得不说，我曾尝试这种解决方法，没有运气

setTimeout(function() { 
    input.focus(); 
}, 0); 

任何想法，将是有益的。干杯!因为你缺少收盘"]

Answer 1

你input选择器misformatted：

var input = $('[name="enter_order_product[' + product_row + '][quantity]'); 

将其更改为：

var input = $('[name="enter_order_product[' + product_row + '][quantity]"]');