2017-03-17 153 views
-1

我在移動設備上遇到JQuery問題。JQuery post返回false

function send() { 
 
    $.post("scripts/post.php", { 
 
    username: $("input[name=username]").val(), 
 
    password: $("input[name=password]").val() 
 
    }, function(data) { 
 
    if ($(".data div").html() == "") { 
 
     $(".data div").html(data); 
 
     $(".data").show(); 
 
    } else { 
 
     $('.data div').fadeOut(function() { 
 
     $(".data div").html(data); 
 
     $('.data div').fadeIn(); 
 
     }); 
 
    } 
 
    }); 
 
    return false; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form onsubmit="return send()"> 
 
    <input type="text" id="username" name="username" maxlength="50" required autocomplete="none" value="user"> 
 
    <input type="password" id="password" name="password" maxlength="50" required value="password"> 
 
    <input type="submit" id="submit" value="Sign in"> 
 
</form>

在桌面上它完美的作品,但在移動後不發送和頁面重新加載。

+1

? http://stackoverflow.com/questions/11086692/onsubmit-still-submits-when-returning-false – 2017-03-17 14:48:30

+0

我建議將您的按鈕從更改爲。我懷疑這個問題可能在於使用表單提交機制。 –

回答

0

您需要防止默認表單在您的send()方法中使用event.preventDefault()提交。

+1

爲什麼不會返回'false'工作?爲什麼手機有所作爲? – 2017-03-17 14:49:38

0

jQuery適用於手機。 jQuery手機只是爲了更多以移動爲中心的功能。

我注意到你在開發者控制檯的網站上有一堆錯誤。我會修復那些第一個:

無法加載資源:服務器響應狀態爲404(未找到)http://www.alweso.2ap.pl/js/jquery.mobile/jquery.mobile-1.4.2.min無法加載資源:服務器響應狀態爲404(未找到)http://www.alweso.2ap.pl/nivo-slider.css無法加載資源:服務器響應的狀態爲404(未找到)http://www.alweso.2ap.pl/lib/jquery.bxslider.css未捕獲SyntaxError:意外標識符arrow-bounce.js:2未捕獲SyntaxError:意外終止輸入onemore.js:12無法加載資源:服務器響應狀態的404(Not Found)http://www.alweso.2ap.pl/font-awesome-4.0.3/css/font-awesome-4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3

移動瀏覽器可能無法從這些錯誤中恢復,但可能是一個桌面。

您可以在JavaScript控制檯中找到這些錯誤。對於Chrome,您可以通過幾種方式打開它:

使用鍵盤快捷鍵Command - Option - J(Mac)或Control -Shift -J(Windows/Linux)。 選擇視圖>開發人員> JavaScript控制檯。

+0

*「我注意到你的網站上有一堆錯誤......」*你從哪裏得到該網站?這不是問題。 – 2017-03-17 14:54:52