javascript - jQuery + 安卓。将功能(Touchstart、touchmove)应用于实时加载的内容

Question

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

所以我遵循了这个教程:
Stop the touchstart performing too quick when scrolling

并且我成功地为我的链接安装了 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);