Question

我在移动设备上遇到了JQuery问题。

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

在桌面上它可以很好地工作，但在移动设备上，帖子没有发送，页面正在重新加载。

Answer 1

您需要使用event.preventDefault()方法中的send()来阻止默认表单提交。

Answer 2

jQuery适用于手机。 jQuery mobile仅用于更多以移动为中心的功能。

我注意到您在开发者控制台中的网站上有一堆错误。我先解决这些问题：

无法加载资源：服务器响应状态为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未捕获语法错误：意外标识符arrow-bounce.js：2未捕获语法错误：意外结束输入onemore.js：12无法加载资源：服务器回复状态为404（未找到）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）。选择查看＆gt;开发人员＆gt; JavaScript控制台。

JQuery帖子返回false

2 个答案: