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

时间:2012-08-30 00:25:47

标签: javascript android jquery html css

我正在移动网站上工作,我想通过使用jQuery而不是使用HTML的hover伪选择器在我的链接上进行鼠标悬停突出显示,这些链接的类名为“list_anchor”。 ('原因:悬停在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);

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

1 个答案:

答案 0 :(得分:2)

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

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