的Javascript/jQuery的不工作在移動

Question

我有以下爲我的網站的JavaScript代碼：

$(document).ready(function() { 

$('button').attr('disabled', true); 

$('button').click(function() { 
    $('.registration').addClass('fly-out'); 

    // Get the variables 
    var firstname = document.getElementsByName('firstname')[0].value; 
    var lastname = document.getElementsByName('lastname')[0].value; 
    var mail = document.getElementsByName('mail')[0].value; 

    var informatik = document.getElementById('Informatik').checked ? 1 : 0; 
    var medientechnik = document.getElementById('Medientechnik').checked ? 1 : 0; 
    var medizintechnik = document.getElementById('Medizintechnik').checked ? 1 : 0; 
    var elektronik = document.getElementById('Elektronik').checked ? 1 : 0; 
    var fachschule = document.getElementById('Fachschule').checked ? 1 : 0; 

    // Send the data to php 
    $.ajax({ 
     url: "add.php", 
     type: "POST", 
     data: { 
      'first': firstname, 
      'last': lastname, 
      'mail': mail, 
      'informatik': informatik, 
      'medientechnik': medientechnik, 
      'medizintechnik': medizintechnik, 
      'elektronik': elektronik, 
      'fachschule': fachschule 
     } 
    }); 

    // Show the thank you form 
    setTimeout(function() { 
     $('.registration').addClass('hidden'); 
     $('.registration').removeClass('fly-out'); 
     $('.thankyou').removeClass('hidden'); 


     // Blend out the thank you form 
     setTimeout(function() { 
      $('.thankyou').addClass('disappear'); 

      // Show the registration form again 
      setTimeout(function() { 
       $('.thankyou').addClass('hidden'); 
       $('.thankyou').removeClass('disappear'); 

       // Clear the registration form 
       $('input[name=firstname]').val(''); 
       $('input[name=lastname]').val(''); 
       $('input[name=mail]').val(''); 
       $('#Informatik').prop('checked', false) 
       $('#Medientechnik').prop('checked', false) 
       $('#Medizintechnik').prop('checked', false) 
       $('#Elektronik').prop('checked', false) 
       $('#Elektronik-Fachschule').prop('checked', false) 
       $('button').attr('disabled', true); 

       $('.registration').removeClass('hidden'); 
      }, 400); 
     }, 2500); 
    }, 700); 
}); 
}); 

function change() { 
    var firstname = document.getElementsByName('firstname')[0].value; 
    var lastname = document.getElementsByName('lastname')[0].value; 
    var mail = document.getElementsByName('mail')[0].value; 

    var informatik = document.getElementById('Informatik').checked; 
    var medientechnik = document.getElementById('Medientechnik').checked; 
    var medizintechnik = document.getElementById('Medizintechnik').checked; 
    var elektronik = document.getElementById('Elektronik').checked; 
    var fachschule = document.getElementById('Fachschule').checked; 

    var result = firstname.length > 0 && lastname.length > 0 && mail.length > 0 && validateMail(mail); 
    var result = result && (informatik || medientechnik || 
     medizintechnik || elektronik || fachschule); 

    $('button').attr('disabled', !result); 
} 

function validateMail(mail) { 
    var regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return regex.test(mail); 
} 

它工作在桌面瀏覽器就好了，但是當我使用Chrome打開它在Android（6.0的Nexus 5）它不工作（該按鈕甚至沒有被禁用）。

我現在想知道我做錯了什麼，因爲我需要讓它在移動瀏覽器上工作。

Answer 1

問題是我的一個新手的錯誤...

我通過CDN嵌入式jQuery的，而不是從本地機器。當我在手機上試用這些代碼時，我將筆記本用作服務器。爲了這個工作，我不得不斷開無線網絡。正因爲如此，jQuery無法加載，因此代碼無法工作。