Javascript 理解jQuery就绪事件

我试图使用Ajax在点击链接时用其他内容替换div。 内容正在被很好地替换

问题是现在我必须对这个新的div内容进行操作。所有操作代码都进入（document.ready）（函数{}）

问题是我无法在新的div内容中运行mousedown事件的代码。
我的页面源仅显示旧的潜水内容

如有任何帮助/建议，将不胜感激

TIA.

查看jQuery'.on'

$('#mydiv').on('click',function(){


}

---

首先，JavaScript所做的一切都不会反映在源代码中，只会反映在DOM中。前者是页面的物理代码，由服务器根据可能存在的任何服务器端技术编译和发送，而后者是浏览器已解析的已处理源代码的当前状态，反映了JavaScript所做的任何更改

正如@adeneo在他的评论中所说，你需要调查委托事件。诚然，这并不是解决问题的唯一方法，但从长远来看，这是明智的，也是一种很好的事件模式（特别是在涉及许多因素的情况下）

委托事件的诀窍是不绑定到元素本身，而是绑定到公共父级。在jQuery中，委派事件的处理方式是将筛选器选择器而不是回调作为第二个参数传递给

.on（）

（回调被转发到第三个参数）。因此：

它将在mousedown时使用类“foo”激发到any

div

，而不管它是在DOM中启动还是稍后注入。非委托事件的情况并非如此，例如：

$('div.foo').on('mousedown', function() {
     //callback code
});

---

这将只绑定到运行代码时DOM中的匹配的

div

s。这将不适用于以后注入DOM的任何事件。

尝试理解委派事件处理程序，您就成功了！文档就绪仅适用于初始页面加载。而且，写下一些代码也没什么坏处。

$('div.foo').on('mousedown', function() {
     //callback code
});