javascript - jQuery + 安卓。将功能（Touchstart，touchmove）应用于实时加载的内容

Question

我在移动网站上工作，我想通过使用 jQuery 而不是使用 HTML 的 :hover 伪选择器对类名为“list_anchor”的链接进行鼠标悬停突出显示。（因为 :hover 在 Android 中有点问题。）

所以我遵循了这个教程：
停止 touchstart 在滚动时执行得太快

我成功地为我的链接安装了 touchstart、touchmove 功能。开心了一阵子。

但是，当用户滚动（滑动）到页面底部（如 Twitter）时，我的链接会被加载。
Javascript 似乎不适用于这些链接。

这是我到目前为止得到的：

function touchEvent() {
    var self = $(this);
    self.addClass('hover');
    //behaviour for move
    self.on('touchmove', function(e){
        self.removeClass('hover');
    });     
}
$('a,section').filter('.list_anchor').on('touchstart', this, touchEvent);

任何帮助，建议表示赞赏。

Answer 1

为了on像旧的一样工作，live你需要将它附加到 DOM 的高处，并将选择器放在参数中，例如：

$(document).on('touchstart', '.list_anchor', touchEvent);