2017-03-17 157 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