Jquery 点击功能适用于桌面，但不适用于移动设备

Question

好的，所以我的页面上有一堆图片，总共 8 张，当用户单击其中一张图片时，它会在其上方应用一个 css 圆圈以显示它已被选中，我通过执行以下 jquery 实现此目的

  $(document).ready(function () {

        $("#panel1 .row img").click(function () {
            $("#panel1 .row img").removeClass("BlackcherryCircle");
            $("#panel1 .row img").removeClass("CoconutCirle");
            $("#panel1 .row img").removeClass("MangoCircle");
            $("#panel1 .row img").removeClass("StrawberryCircle");
            $("#hdnPanel1").val('');

            var name = $(this).attr("data-name");

            var id = $(this).attr("data-id");

            switch (name) {
                case "blackcherry":
                    $(this).addClass('BlackcherryCircle');
                    break;

                case "coconut":
                    $(this).addClass('CoconutCirle');
                    break;

                case "mango":
                    $(this).addClass('MangoCircle');
                    break;

                case "strawberries":
                    $(this).addClass('StrawberryCircle');
                    break;

                default:
            }

            $("#hdnPanel1").val(id);

            getCombination();

        });
});

这在台式机和平板电脑上运行良好，但在手机上无法触发？我错过了一些关键吗？

Answer 1

您可以使用移动设备的 mousedown 事件代替点击。然后运行检查以检测设备是否移动

$("#panel1 .row img").mousedown(function () { // Your code goes here });