Jquery / JS - POST - 移动问题

Question

我无法理解以下错误。

我有一个基本表格。

<form action="demo_form" method="POST" .... >
  //.... a bunch of dynamic items (it's a shopping cart)
  <button id="submit-button" type="submit" >Check Out</button>
</form>

当我点击提交时，我会显示一些加载动画。在我的支票发布之前有一点点挂起，这只是为了表明应用程序正在响应。我也在第一次点击后禁用了按钮，以防止重新提交/错误。

这是我的JS代码，IE / Edge / Chrome / Firefox中的每一件事都可以正常工作：

 $(document).ready(function() {
        $("#submit-button").attr("disabled", false);
        $("#submit-button").click(function () {
            $('#ajax-wait').modal('show'); // show loading indicator
            $(this).attr("disabled", true);
        });
    });

然而，这不适用于任何移动设备。它只会挂起。帖子会发送。但是不会对回应采取任何行动。我一遍又一遍，我通过我的网络调试器跟着它。我不能为我的生活弄清楚发生了什么。成功发布eveytime但没有回应。只是在移动设备上。

我最终开始通过我的代码进行调试，最后在那个小小的JS中注释了以下几行。

   $(this).attr("disabled", true);

所以我的代码现在看起来像：

$(document).ready(function() {
        $("#submit-button").attr("disabled", false);
        $("#submit-button").click(function () {
            $('#ajax-wait').modal('show'); // show loading indicator
            //$(this).attr("disabled", true);
        });
    });

如何在单击后禁用提交按钮，阻止我的服务器响应。并且仅限移动设备。

有人可以向我解释为什么这会挂在移动设备上，而不是桌面浏览器上吗？

我无法弄明白。 我还应该注意到，没有JS错误记录到控制台。一切似乎都在起作用。

以下是发布的网络流量：

谢谢，