Jquery 代码不适用于移动设备(Android)

Posted

技术标签:

【中文标题】Jquery 代码不适用于移动设备(Android)【英文标题】:Jquery code does not work on mobile (Android) 【发布时间】:2018-10-31 00:15:14 【问题描述】:

带有class = "solutions" 的 div 在加载时不会隐藏,并且单击事件不起作用。这在我的笔记本电脑上完美运行,但在我的手机上却不行。

 $(document).ready(function() 
   $(".solutions").hide();

   $("button").click(function() 
     $(this).next("div").toggle();
   );
 );

我已经检查了相关问题,但没有一个解决我的情况。 这是html代码的链接。

https://codepen.io/oghenebrume/pen/yjZWZv

【问题讨论】:

你需要扩展“不起作用”。你能提供一个完整的例子吗? 我刚刚编辑了问题。 【参考方案1】:
$(document).ready(function() 
    $(".solutions").hide();

    $("button").on("touchstart click", function() 
        $(this).next("div").toggle();
    );
);

我使用了上面的代码,它现在可以在两个设备上运行。

【讨论】:

以上是关于Jquery 代码不适用于移动设备(Android)的主要内容,如果未能解决你的问题,请参考以下文章

event.preventDefault() 不适用于 jQuery 移动设备?

Jquery显示/隐藏根本不适用于移动设备

$.getJSON 不适用于 Android 移动设备

可点击的网站图像不适用于 iphone 和 android 设备

Android Webview Back按钮适用于模拟器,但不适用于设备

谷歌地图不适用于 jquery 移动框架