javascript - 在动态 加载时触发 Javascript

Question

我正在为安装 AJAXchat 添加页面标题通知。我使用一个名为 jquery-titlealerts 的 jQuery 插件来实现此目的。如果我在 onclick 事件上分配该方法，它会正常工作并更改页面标题。但这并不符合我的需要。我需要它在每次创建新的 div 时更改页面标题。这是每次有人提交消息时动态创建一个新 div 的 js:

return '<div id="'
+ this.getMessageDocumentID(messageID)
+ '" class="'
+ rowClass
+ '">'
+ this.getDeletionLink(messageID, userID, userRole, channelID)
+ dateTime
+ '<span class="'
+ userClass
+ '"'
+ this.getChatListUserNameTitle(userID, userName, userRole, ip)
+ ' dir="'
+ this.baseDirection
+ '" onclick="$.titleAlert(\'Error!\');">'
+ userName
+ '</span>'
+ colon
+ this.replaceText(messageText)
+ '</div><script>$.titleAlert(\'Error!\');</script>';
return

如您所见，我尝试创建 <script>阻止在 div 下方加载 - 它确实如此，但由于某种原因并没有更改文档标题。如果您单击聊天中生成的消息，它仍然会起作用，因为它是由 onclick 事件触发的。我不知道在加载每个 div 时还可以尝试什么让它工作。

Answer 1

在您调用具有此 return 语句的函数的地方，调用该函数后您应该更新页面标题。如果您不想这样做，您可以让返回新 Div 内容的函数在返回之前更新页面标题。

或者，考虑使用 jQuery 的 $.ajax() 方法和 complete (或 success)回调来进行标题修改。老实说，如果我要解决这个问题，这将是我首选的方法。

您可以阅读有关 $.ajax() here 的所有内容.