html - jquery 表单提交操作不适用于 document.ready

Question

我有这个 jQuery 代码:

$(document).ready(function() {
    $.ajax({
          url: "pages/"+page+".php",
          cache: false
    }).done(function( html ) {
        $('#main').html(html).css({"max-height":mH-30,"height":mH-30}).jScrollPane();

        $('form').not('#loginf').submit(function(event) {
            event.preventDefault();
            var inputs = $(this).serialize();   
            $.ajax({
              url: "pages/"+page+".php?"+inputs+'&action='+param,
              cache: false
            }).done(function( html ) {
                update(html);
                rs();
            }).fail(function (){
                window.location = "/CMS/";
        });
    });
});

所以表单上的提交功能不起作用..

有趣的是，当某些 li 元素被点击时，我在页面上还有另一个 ajax，在 done 函数上我也有表单提交函数，它在那里工作。

这段代码有问题吗？

Answer 1

试试这个。

$(document).ready(function() {
    $.ajax({
          url: "pages/"+page+".php",
          cache: false
    }).done(function( html ) {
        $('#main').html(html).css({"max-height":mH-30,"height":mH-30}).jScrollPane();

        $('form').not('#loginf').submit(function(event) {
            event.preventDefault();
            var inputs = $(this).serialize();   
            $.ajax({
              url: "pages/"+page+".php?"+inputs+'&action='+param,
              cache: false
            }).done(function( html1 ) {
                update(html1);
                rs();
            }).fail(function (){
                window.location = "/CMS/";
        });
    }); });