为什么这个jquery脚本不适用于手机？

我的网站上有一些表单，我使用下面的jquery脚本来隐藏提交按钮，当有人点击它时，他们不会多次单击它，等待表单提交（代码也会用一些“请稍候”的文本替换它）。它在桌面上完美运行，但根本不适用于移动设备。有人可以建议为什么会发生这种情况吗？为什么这个jquery脚本不适用于手机？

<script> 
jQuery(document).ready(function() { 
    jQuery('#gform_next_button_5_85', this).click(function() { 
     jQuery('#gform_next_button_5_85').css('display','none'); 
     jQuery('#gform_previous_button_5_85').css('display','none'); 
     jQuery('.pleasewait').css('display','block'); 
    }); 
jQuery('#gform_submit_button_5', this).click(function() { 
     jQuery('#gform_submit_button_5').css('display','none'); 
     jQuery('#gform_previous_button_5').css('display','none'); 
     jQuery('.pleasewait2').css('display','block'); 
    }); 
}); 
</script>

来源

2017-10-12 Shtarley

您确定可以在移动设备上点击吗？我会建议寻找触摸事件。 – Taplar

您可以使用'.on（）'同时使用*'touch'和'click'处理程序。 –

感谢球员们，我认为问题在于点击功能 - 我没有想到这一点。 @ObsidianAge我的jQuery知识是有限的 - 我将如何做到这一点？我是否会将.click（）中的所有内容替换为.on（）？ – Shtarley

-2

尝试以下操作：

替换此 - >jQuery('#gform_next_button_5_85', this).click(function() {

有了这个 - >$(document).on("click","#gform_next_button_5_85",(function() {

这 - >jQuery('#gform_submit_button_5', this).click(function() {

有了这个 - >$(document).on("click","#gform_submit_button_5",(function() {

问题：

a）你面临的问题，Android设备，iOS的问题在哪里？

b）您是在真实设备还是浏览器模拟器上测试？

来源

2017-10-12 20:44:43 AlexCode

只需更换所有的代码，你有这样的：

jQuery('#gform_next_button_5_85', this).click(function() { /*code*/ });

像这样的东西：

jQuery('html').on('click touchend', '#gfrom_next_button_5_85', function() { /*code*/ });

我认为你必须在iOS设备上的问题，所以你必须添加“touchend”事件。

来源

2017-10-12 20:57:59 Joint

为什么这个jquery脚本不适用于手机？

回答

相关问题