我正在移动网站上工作,我想通过使用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);
任何帮助,建议表示赞赏。
答案 0 :(得分:2)
要使on
像旧的live
一样工作,您需要将其附加到DOM的高处,并将选择器放在参数中,例如:
$(document).on('touchstart', '.list_anchor', touchEvent);