O Seguinte código funciona perfeitamente no Browser do Windows 10, mas não funciona no browser mobile Android/IOS completamente e no MacOS dá uma menssagem dizendo ao usuário de que não está funcionando bem. O problema parece estar em: success: function(result)
.
O resto do código funciona, a única coisa é que nao funciona é div $('#aviso'), por isso testei em partes isoladas. Quando executado em partes funciona, mas está dentro do código completo não.
$(function () {
$("form[name='form-inscricao']").submit(function(e){
e.preventDefault();
var $form = $(this);
var $inputs = $form.find("input, select, button, textarea");
var serializedData = $form.serialize();
$inputs.prop("disabled", true);
$.ajaxSetup({
contentType: "application/x-www-form-urlencoded; charset=UTF-8"
});
$.ajax({
url:'https://www.example.com/wp-content/themes/example.com/enviar.php',
type: 'post',
dataType: 'html',
data: serializedData,
async: false,
beforeSend: function(){
$('.loader').show();
$('#aviso').text('');
},
error: function() {
console.log('Something went wrong');
},
success: function(result){
$('#aviso').append(result).css({opacity:1.0}).delay(1000).animate({opacity : 0},500);
},
complete: function(){
$('.loader').hide();
$form.get(0).reset();
$inputs.prop("disabled", false);
}});
});
});