尝试使jQuery Mobile元素突出显示onTouchStart

时间:2013-08-30 00:59:57

标签: css listview jquery-mobile scroll touchstart

我有一个jQuery移动列表。我想在用户触摸列表元素时突出显示列表元素。我尝试使用以下方法实现:

$("#id").bind('touchstart tap', function () {
    $("#id").css('background', 'blue');
    window.setTimeout(function () {
        $("#" + fbId).css('background', 'hsl(0, 0%, 93%)');
    }, 65);
}

这很有效。当用户滚动它时,它不区分滚动和触摸开始,并且元素亮起。有谁能建议一种更清洁的方法来实现这个目标?

1 个答案:

答案 0 :(得分:2)

下面的处理程序完成了这个伎俩。

   $("#" + Id).bind('touchstart', function () {
        $("#" + Id).css('background', 'highlight-color');
    });

    $("#" + Id).bind('touchend', function () {
        $("#" + Id).css("background", "original-color");
    });