Не работает jQuery(или Ajax) в мобильном chrome
Использую Jquery с Ajax.На компе все норм работает. А на мобильном Google Chrome нажимаю на кнопку и ничего не происходит(В других браузерах работает нормально). Но видно что before send работает т.к кнопка становится disabled.Прошу помочь пожалуйста.(Заранее извиняюсь за говнокод)
код main.php
<form id="mainForm">
<?php
$otvet_arr = array();
$gen = range(1,60);
shuffle($gen);
for($i=1;$i<5;$i++) {
echo "<li><span>№$i</span><span id='num$i' style='display:none;'>$gen[$i]</span></li>
<li><img class='image' src='images/number_1/$gen[$i]-min.png'></li>
<li><input type='text' name='otvet$i' class='mt-3 mb-2' id='otvet$i' placeholder='Введите ответ' style='display:inline-block;'></input><span id='errorMes$i' class='ml-2' style='color:red;'></span></li>";
$query = "SELECT * FROM `wp_otvet` WHERE `otvet_number`= $gen[$i]";
$result = mysqli_query($link, $query) or die("Ошибка " . mysqli_error($link));?>
<?php while( ($cat = mysqli_fetch_assoc($result))) {
$otvet_arr[$i] = $cat['otvet_value'];
}
echo "<span style='display:none;' id='trueOtvet$i'>" . $otvet_arr[$i] . "</span>";}
echo "<li><input type='button' id='otvet-btn' class='btn btn-primary mt-4 mb-3' value='Готово' name='done'></input></li>";
echo "<div class='container mt-2' id='table'></div>";
?>
</form>
код js(ajax)
$("#otvet-btn").on('click', function (){
var otvet1 = $("#otvet1").val().trim();
var otvet2 = $("#otvet2").val().trim();
var otvet3 = $("#otvet3").val().trim();
var otvet4 = $("#otvet4").val().trim();
var trueOtvet1 = $("#trueOtvet1").html();
var trueOtvet2 = $("#trueOtvet2").html();
var trueOtvet3 = $("#trueOtvet3").html();
var trueOtvet4 = $("#trueOtvet4").html();
var num1 = $("#num1").html();
var num2 = $("#num2").html();
var num3 = $("#num3").html();
var num4 = $("#num4").html();
if(otvet1 === "") {
$("#errorMes1").text("Введите ответ");
return false;
} else if(otvet2 === "") {
$("#errorMes2").text("Введите ответ");
return false;
} else if(otvet3 === "") {
$("#errorMes3").text("Введите ответ");
return false;
} else if(otvet4 === "") {
$("#errorMes4").text("Введите ответ");
return false;
}
for(var i=1; i<5;i++){
$("#errorMes"+i).text("");
}
$.ajax({
url:'check.php',
type:'POST',
cache:false,
data: {'otvet1':otvet1, 'otvet2': otvet2, 'otvet3': otvet3, 'otvet4': otvet4, 'trueOtvet1':trueOtvet1,'trueOtvet2':trueOtvet2,'trueOtvet3':trueOtvet3,'trueOtvet4':trueOtvet4,'num1':num1,'num2':num2,'num3':num3,'num4':num4},
beforeSend: function() {
$("#otvet-btn").prop("disabled",true);
},
success: function(data)
{
if(data === false)
{
alert("Ошибка, повторите позже.");
} else {
$("#otvet-btn").css("display","none");
$("#table").append(data);
}
}
});
});
код check.php
<?php
// инициализация переменных
$otvet1 = $_POST["otvet1"];// ответы введенные пользователем
$otvet2 = $_POST["otvet2"];
$otvet3 = $_POST["otvet3"];
$otvet4 = $_POST["otvet4"];
$trueOtvet1 = $_POST["trueOtvet1"];//вернные ответы
$trueOtvet2 = $_POST["trueOtvet2"];
$trueOtvet3 = $_POST["trueOtvet3"];
$trueOtvet4 = $_POST["trueOtvet4"];
$num1 = $_POST["num1"];// порядковый номер заданий
$num2 = $_POST["num2"];
$num3 = $_POST["num3"];
$num4 = $_POST["num4"];
echo "<table><tr><th>N</th><th> Номер в каталоге</th><th>Ваш ответ:</th><th>Правильный ответ:</th></tr>";
// Проверка на верность введенных ответов
if($otvet1 == $trueOtvet1)
{
echo "<tr><td>1</td><td style='text-align:center;'>$num1</td><td style='text-align:center;background: #21B61F;'>$otvet1</td><td style='text-align:center;'>$trueOtvet1</td></tr>";
} else
{
echo "<tr><td>1</td><td style='text-align:center;'>$num1</td><td style='text-align:center;background: #FF3F3F;'>$otvet1</td><td style='text-align:center;'>$trueOtvet1</td></tr>";
}
if($otvet2 == $trueOtvet2)
{
echo "<tr><td>2</td><td style='text-align:center;'>$num2</td><td style='text-align:center;background: #21B61F;'>$otvet2</td><td style='text-align:center;'>$trueOtvet2</td></tr>";
} else
{
echo "<tr><td>2</td><td style='text-align:center;'>$num2</td><td style='text-align:center;background: #FF3F3F;'>$otvet2</td><td style='text-align:center;'>$trueOtvet2</td></tr>";
}
if($otvet3 == $trueOtvet3)
{
echo "<tr><td>3</td><td style='text-align:center;'>$num3</td><td style='text-align:center;background: #21B61F;'>$otvet3</td><td style='text-align:center;'>$trueOtvet3</td></tr>";
} else
{
echo "<tr><td>3</td><td style='text-align:center;'>$num3</td><td style='text-align:center;background: #FF3F3F;'>$otvet3</td><td style='text-align:center;'>$trueOtvet3</td></tr>";
}
if($otvet4 == $trueOtvet4)
{
echo "<tr><td>4</td><td style='text-align:center;'>$num4</td><td style='text-align:center;background: #21B61F;'>$otvet4</td><td style='text-align:center;'>$trueOtvet4</td></tr>";
} else
{
echo "<tr><td>4</td><td style='text-align:center;'>$num4</td><td style='text-align:center;background: #FF3F3F;'>$otvet4</td><td style='text-align:center;'>$trueOtvet4</td></tr>";
}
echo "</table>";
exit();
?>