0

我为我的网站编写了一些功能，发现单击时触摸设备上的功能与桌面上的功能不同。在桌面上可以，但在触摸设备上不行。我有一些关于它们的图像和标题，我想在第一次单击（点击）时显示每个图像的标题，然后通过 dbl click（dbl tap）转到为标签上的每个图像定义的 href 链接这是我的 js 代码: 有人帮忙吗？

$('ul#portfolio-list li').click(function () {
    $('ul#portfolio-list li, ul#portfolio-list li a').addClass('grayscale');
    $('ul#portfolio-list li .project-label').removeClass('opacity1');
    $(this).addClass('it');
    $('ul#portfolio-list li.it , ul#portfolio-list li.it a').removeClass('grayscale');
    $('ul#portfolio-list li.it .project-label').addClass('opacity1');
    $(this).removeClass('it');
        return false;           
}).dblclick(function () {
    $(this).addClass('it');
    window.location.replace($('ul#portfolio-list li.it  a').attr("href"));
     return false;
});
//portfolio li tap in touch device//


var tapped = false
$("ul#portfolio-list li").on("touchstart", function (e) {
    if (!tapped) {
        tapped = setTimeout(function () {
            $('ul#portfolio-list li, ul#portfolio-list li a').addClass('grayscale');
            $('ul#portfolio-list li .project-label').removeClass('opacity1');
            $(this).addClass('it');
            $('ul#portfolio-list li.it , ul#portfolio-list li.it a').removeClass('grayscale');
            $('ul#portfolio-list li.it .project-label').addClass('opacity1');
            $(this).removeClass('it');
            tapped = null
        }, 300); //wait 300ms
    } else {
        clearTimeout(tapped);
        tapped = null
        $(this).addClass('it');
        window.location.replace($('ul#portfolio-list li.it  a').attr("href"));
    }
    e.preventDefault()
});
4

0 回答 0