2013-05-19 33 views
1

我有下面的jquery代码发布一个带有复选框的表单并根据用户选择更新结果。所有工作都很好,但我想先自动加载页面,以便在用户访问页面时返回默认结果,如果用户单击了其中一个结果并单击返回以返回以前的结果结果。在发布表单之前在页面jquery div中加载一个页面

这里是我的代码:

$(document).ready(function() { 
    $(".remember_cb").click(function() { 
     var action = $("#criteria").attr('action'); 
     var form_data = $('#criteria').serialize(); 
     $.ajax({ 
      type: "POST", 
      url: action, 
      data: form_data, 
      beforeSend: function() { 
       $("#loading").fadeIn('fast'); 
      }, 
      success: function (data) { 
       $('#exercise_list').html(data).fadeIn('slow'); 
       $("#loading").fadeOut('slow'); 
      } 
     }); 
    }); 
    return false; 
}); 

任何帮助将非常感激。

回答

1

我不确定它是否是最“合适的”解决方案,但是您可以将选择器的代码放入单独的函数中。

然后,您可以调用document.ready部分中的函数,并将其放入选择器中。这种方式会在页面打开后加载,然后每次用户点击它。

另外,我不太清楚你的返回错误在做什么,因为它在文档就绪部分。

+0

感谢您的回复@Ahatius,我设法让它与文档就绪部分内代码顶部的以下代码一起工作。 $( '#exercise_list')负载( '/ data.php')淡入( '慢')。; –