0

タッチエンドでアクティブ状態を削除することは可能ですか？リンクをタップするだけで、リンクのアクティブ状態のスタイルを設定したいと思います。もちろん、モバイルデバイスをスクロールしているときに、タッチした各アイテムは：active状態になります。したがって、スクロールすると、すべての要素が強調表示されます。.active-classesでDOM操作をしたくないスクロール後にアクティブ状態を削除したいだけです-これは可能ですか？

a:active {
    background-color:blue;
}

$ctx.on("touchend", '.base a', function () {
    //removeActiveState
});

編集：

私はこれを持ちたいですが、クラスではありません：

var activeSelector =  ".base a";   
$(document)
        .on("click mousedown touchstart", activeSelector, function () {
            $(this).addClass("active");
        })
        .on("mouseup mouseleave touchend", activeSelector, function () {
            $(this).removeClass("active");
        });
4

1 に答える 1

-1

CSSクラスなしのコードは次のとおりです。

var activeSelector =  ".base a";   
$(document)
    .on("click mousedown touchstart", activeSelector, function () {
        $(this).css('background-color', 'blue');
    })
    .on("mouseup mouseleave touchend", activeSelector, function () {
        $(this).css('background-color', 'white'); // or whatever color you want
    });
于 2013-02-14T15:40:49.677 に答える