将相同的功能应用于所有以编程方式创建的div

Question

我用jQuery以编程方式创建了一些div，我想对所有div应用相同的功能。

我为jsfiddle创建了一个例子。检查here

正如您在示例中看到的那样，第一个<div class="autosize">表现得非常好，但第二个<div class="autosize_2">除了来自click之外没有任何功能（实际上我不确定为什么点击工作）。

有人可以帮我或给我一个如何实现所需功能的例子吗？

由于

Answer 1

如果您只是在用逗号分隔的每#pointer_div_2后添加#pointer_div，似乎工作正常。

$('#pointer_div, #pointer_div_2').on ......等等。

示例：http://jsfiddle.net/wm3y5/13/

基本上，您只是使用逗号

定位多个选择器

了解详情：http://api.jquery.com/multiple-selector/

Answer 2

你可以在所有这些上使用class =“autosize”。如果您确实需要每个唯一ID，则除了该类之外，还应使用id =“autosize”，id =“autosize_2”等。

或者您可以在每个类上使用多个类：class =“autosize autosize_1”，class =“autosize autosize_2”等。

Answer 3

您可以使用

 $(document).on('click',selector,handler)

为了将处理程序附加到现在和将来匹配选择器的所有元素。