提要中的多个JS加载和执行

Question

我有以下代码：

$('.replay_text').keydown(function(event) {
    if (event.keyCode == 13) {
        pid = $(this).attr('postid');
        addCom('tix_'+pid);
        return false;
     }
     });

它每次在特定的文本区域中输入文本时都会添加一个注释。问题是，我需要在一个页面上多次包含这个JS (我正在加载一个内容提要)，所以当我向下滚动时，它被加载了2-3次。一旦我输入一个注释并提交它，它就会被添加2-3次(加载的次数)。

如果我只加载它一次，那么它将不能用于动态加载的其他提要内容(通过jQuery追加)。

这个问题有什么解决办法吗？我尝试过将JS包含在文档的顶部，但是它根本不起作用，注意:所有的提要内容都是动态加载的。

谢谢

Answer 1

使用委托事件。然后，您可以将处理程序附加一次，它将适用于所有动态追加的元素：

$(document).on('keydown', '.replay_text', function(event) {
    if (event.keyCode == 13) {
        pid = $(this).attr('postid');
        addCom('tix_'+pid);
        return false;
     }
 });