Jquery单击新输入

Question

喂，

我有一个关于 jQuery 的小问题

当我添加一个新的输入字段时，我不能在它上面使用点击功能：

var input = $('<input name="image" type="file"/>');
$(this).append(input);
input.click();

有什么想法吗？

谢谢

Answer 1

如果您将点击事件处理程序附加到新的input，它将正常工作：

var input = $('<input name="image" type="file"/>');
input.click(function() {
   //Do something
});
$(this).append(input);
input.click();

另一方面，如果您希望新的 input 获取之前定义的事件处理程序，则在最初附加事件时必须使用 live（此示例将单击事件处理程序附加到所有input 元素，包括稍后添加到 DOM 中的元素，比如你的）：

$("input").live("click", function() {
   console.log("other clicked"); 
});