Javascript jQuery处理程序-如何将操作应用于动态添加的元素

向动态创建的元素添加事件处理程序可以如下所示进行处理：

但是，我想对动态添加的元素执行一个操作

在下面的示例中，在该代码运行之后添加了$（'inout.wp'），我希望在处理程序启动时使用以下方法验证它们：

<input type="text" name="wp_address_0" placeholder="Enter a Town, City or Postcode" id="wp_address_0" class="geocode wp">

<script>
$('body').on('click', 'a.myclass', function() {
    $('input.wp').valid();
});
</script>

---

但这没用。如何实现这一点？

替换

$('body').on(

与

$(document).on(

---

好的，所以这比我想象的要容易得多，我应该在问之前意识到

$('body').on('click', 'a.myclass', function() {
    $('#waypoints input.wp').valid();
});

---

只要在选择器中为动态元素引用一个静态容器，就可以找到它们。

为了解决这个问题，

body

将是绑定后添加的元素。读者可以查看要验证的新添加元素的HTML标记。根据标记和情况，有些人可能需要使用

rules（'add'）

方法来动态添加HTML。@sparky-自动规则的工作方式不是问题，我的问题只是确定以编程方式将其应用于哪些元素。提交正在正确地应用规则，但我想在移动目标帖子时重新检查有效性。我的观点是，如果您显示标记，其他寻求帮助的人会更清楚。有很多不同的方法可以使用这个插件。@sparky-point，不过我有多个addClassRules和自定义验证函数，所以在这种情况下它可能只会让人混淆。

$(document).on(

$('body').on('click', 'a.myclass', function() {
    $('#waypoints input.wp').valid();
});