0

我在移动网站上工作,我想通过使用 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);

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

4

1 回答 1

2

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

$(document).on('touchstart', '.list_anchor', touchEvent);
于 2012-08-30T02:43:08.057 回答