Question

我的网站上有一些表单，我正在使用下面的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>

Answer 1

只需替换您所拥有的所有代码：

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

有这样的事情：

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

我认为您在iOS设备上遇到问题，因此您必须添加＆＃39; touchend＆＃39;事件

Answer 2

尝试以下方法：

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

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

这个 - ＆gt; jQuery('#gform_submit_button_5', this).click(function() {

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

<强>问题：

a）你在哪里面对这个问题，Android设备，iOS？

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

为什么这个jquery脚本不适用于移动设备？

2 个答案: