爲什麼這個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腳本不適用於手機？

回答

相關問題