jQuery 重新加载 DOM？

Question

我有一个页面，上面有一个按钮。当用户单击按钮时，它会动态呈现一个表单(即，它不只是显示隐藏表单......它完全使用 jQuery 创建它)。

我的问题是新创建的表单不响应任何 jQuery 命令。这是我目前用于渲染表单的代码。

$("#savenewlang").click(function(e) {
    console.log("savenewlang has been clicked");
});

因此，当他们单击提交按钮但它没有运行时，它应该只是 console.log。

知道如何重新加载 DOM 或分配正确触发的实际事件吗？

Answer 1

$("#container").on('click', '#savenewlang', function(e) {
    console.log("savenewlang has been clicked");
});

这里#container指向#savenewlang的父元素，该元素在页面加载时属于DOM。

<小时/>

要指定此事件.on()，您需要三个参数

.on(eventName, target, callback);

但对于普通绑定(bind)，它只需要两个参数

.on(eventName, callback);

了解有关的更多信息 .on()

<小时/>

余数

将所有代码放入

$(document).ready(function() {

});

简而言之

$(function() {

});