jQuery+Android.将功能(Touchstart、touchmove)应用于实时加载的内容

jQuery + Android. Apply function(Touchstart, touchmove) to live loaded content

本文关键字:实时 应用于 加载 touchmove 功能 Touchstart jQuery+Android      更新时间:2023-09-26

我在移动网站上工作,我想通过使用jQuery而不是使用HTML的:悬停伪选择器来在类名为"list_anchor"的链接上进行鼠标悬停高亮显示。(原因:悬停在安卓系统中有点bug。)

所以我遵循了本教程:
滚动时停止触摸启动执行过快

我成功地在我的链接上安装了touchstart、touchmove功能。快乐一段时间。

然而,我有一些链接,当用户滚动(滑动)到页面底部时(比如推特),这些链接会很活跃
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);

任何帮助,建议不胜感激。

要使on像旧的live一样工作,您需要将其附加到DOM的高处,并将选择器放入参数中,例如:

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