0

私はモバイルサイトに取り組んでおり、HTML の :hover 疑似セレクターを使用する代わりに jQuery を使用して、クラス名「list_anchor」を持つリンクをマウスオーバーで強調表示したいと考えていました。('だって:hover は Android では少しバグがあります。)

だから私はこのチュートリアルに従いました：
スクロール時にタッチスタートが速すぎるのを止めてください

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 に答える