使用AJAX、Javascript/jQuery、DOM和类似Facebook的按钮进行无限滚动

我准备实现一个类似Twitter的无限滚动到我的产品页面。也就是说，当我越过某些滚动阈值时，使用AJAX加载其他页面部分。但我不确定加载后标题中的主题会受到什么影响。我的问题如下：

对于使用AJAX加载的每一批新元素，DOM是否会针对这些新元素进行更新或完全更新？老DOM怎么了

我是否能够在这些新的DOM元素上使用Javascript和jQuery，就像我在页面开始使用的DOM一样？我想这与第一个问题有关

对于每一次加载，我将加载9个新产品。每个产品都有一个类似FB的按钮，该按钮使用FB Open Graph API。像elements这样的新产品是否会像我开始使用的DOM元素一样经历同样的异步修改，从而可以进行适当的类似提交

---

让我们一个接一个地开始

按照您的意图，DOM应该只更新，而不是更新。那里 没有旧的DOM，因为您要做的是在其上插入新元素

是的，你能做到。但要小心这件事 侦听器，因为如果启动错误，则必须附加新的 事件侦听器将再次连接到这些新节点。例如：

$（'body'）。在（'click'，'a.addToCart'，function（）{}）//上将匹配当前和将来的节点 $（'a.addToCart'）。在（'click'，function（）{}）上；//将只匹配当前节点

是的，您需要对每个按钮再次执行相同的过程

---

额外提示：如果您关心移动环境，您应该通过删除不需要的节点来保持DOM尽可能干净。

让我们逐一开始

按照您的意图，DOM应该只更新，而不是更新。那里 没有旧的DOM，因为您要做的是在其上插入新元素

是的，你能做到。但要小心这件事 侦听器，因为如果启动错误，则必须附加新的 事件侦听器将再次连接到这些新节点。例如：

$（'body'）。在（'click'，'a.addToCart'，function（）{}）//上将匹配当前和将来的节点 $（'a.addToCart'）。在（'click'，function（）{}）上；//将只匹配当前节点

是的，您需要对每个按钮再次执行相同的过程

额外提示：如果您关心移动环境，您应该通过删除不需要的节点来保持DOM尽可能干净

只需使用document.appendChild（）向DOM添加新元素。(http://www.w3schools.com/jsref/met_node_appendchild.asp) 重建孔页将是浪费时间；）

应该没有问题。我已经做了很多次了，没有任何问题。如果您使用的是jquerymobile，那么可能需要刷新新元素。（如果需要刷新，请查看您正在使用的jQuery移动小部件的方法）

我对facebook api没有太多经验，但我会说“是”=）

编辑：我的答案中有一个德国网站的链接。我忘了这是一个英文网站；）

只需使用document.appendChild（）向DOM添加新元素。(http://www.w3schools.com/jsref/met_node_appendchild.asp) 重建孔页将是浪费时间；）

应该没有问题。我已经做了很多次了，没有任何问题。如果您使用的是jquerymobile，那么可能需要刷新新元素。（如果需要刷新，请查看您正在使用的jQuery移动小部件的方法）

我对facebook api没有太多经验，但我会说“是”=）

编辑：我的答案中有一个德国网站的链接。我忘了这是一个英文网站；）