Ajax 调用后 Javascript/Jquery 停止工作

Question

我有一个 ajax 调用，第一次提交表单时效果很好，之后页面上的所有 javascript 似乎都崩溃了。并且表单不会再次使用ajax提交。

这是我的 ajax 调用:

$('form').submit(function(event) {
   $('input:submit').attr("disabled", true).after('<p class="loading">Searching...</p>');

$.ajax({
  type: "POST",
  url: pathname,
  data: $(this).serialize(),
  success: function(data) {
    $('#container').html("<div id='message'></div>");
    $('#message').append(data).hide().fadeIn(1500);
  },
});
event.preventDefault();
});

我的控制台中没有收到任何错误。有什么想法可能导致这种情况吗？

Answer 1

我解决了这个问题，主页内容发生了变化。这导致 JavaScript 卸载。所以我需要使用 Jquery .on/.live 然后它就可以工作了。无论出于何种原因，这在一台服务器上运行良好，而在另一台服务器上则不然。