JQuery.on（“点击”，功能）在 iOS 中不起作用

Question

我有以下代码。 基本上在移动设备上，hover 效果被点击 function 取代。这在模拟器和 android 设备上工作正常。 在 iOS 上，on("click", function (e) 不起作用。如果我将“click”替换为“touchstart”，则代码在 iOS 上运行良好，但在 Android 上停止运行。

我已经阅读了各种解决方案来解决这个问题，比如

1. 在 .css 文件中添加“光标：指针”。

2. 我尝试通过 jQuery 内联添加“光标：指针”。

3. 我尝试在元素上添加 onclick = "void(0)"。

但似乎没有任何效果。 有没有办法让 Fisher Price 操作系统正常运行？

if (window.matchMedia("(max-width: 1366px) and (-webkit-min-device-pixel-ratio:1.5)").matches) {

    jQuery('.click_and_shop_content a').addClass('noto');    
    jQuery('.click_and_shop_content a').on("click", function (e) {
        
        
        if (jQuery(this).hasClass('noto')) {
            e.preventDefault();

            jQuery('.click_and_shop_content a').addClass('noto');

            jQuery(this).removeClass('noto');
        }
    });

Answer 1

在尝试找到适用于两种操作系统的更优雅的解决方案后，我使用了“navigator.userAgent”来检测操作系统并将上面的代码与 on.("click", for Android and used on.("touchstart",对于 iOS。现在一切正常。

if( /Android/i.test(navigator.userAgent) ) {
    // Perform actions for Android devices
} else if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
    // Perform actions for iOS devices
}