我为这个函数加载了一个外部页面。来自 DIV id 的页面 URL 抓取。
$(".contentArea").load($('.contentArea').attr('id'), function(){
加载的页面,有一个数据表,所以我将它添加到回调中。
$('.datatable').dataTable( {
在数据表内部,我得到了一个编辑器按钮,所以我使用数据表回调函数调用编辑器而不刷新页面:
"fnDrawCallback": function(){
$(".contentEditor").click(function() {
$(".contentArea").load($('.contentEditor').attr('id'), function(){
在这种情况下,内容编辑器的加载方式与我加载包含数据表的页面的方式相同。(在按钮 ID 上传递的页面 URL)。
我现在卡住了。在这个编辑器上,我需要提交表单,我希望它使用 jquery load 提交,这样页面就不会刷新,提交表单后,我想将冲浪者发送回数据表页面(第一次加载时的页面)页面已加载)。我将执行更新编辑内容所需的操作。有什么帮助吗?谢谢。
我使用数据表服务器端 ajax 加载。这就是我使用回调的原因。
$(".contentArea").load($('.contentArea').attr('id'), function(){ $('.datatable').dataTable( { "bJQueryUI": true, "sScrollX": "", "bSortClasses": false, "aaSorting": [[0,'asc']], "bAutoWidth": true, "bInfo": true, "sScrollY": "100%", "sScrollX": "100%", "bScrollCollapse": true, "sPaginationType": "full_numbers", "bRetrieve": true, "bProcessing": true, "bServerSide": true, "sAjaxSource": $('.datatable').attr('id'), "fnDrawCallback": function(){ $(".contentEditor").click(function() { $(".contentArea").load($('.contentEditor').attr('id'), function(){ $( "select, input:checkbox, input:radio, input:file").uniform(), $( ".datepicker" ).datepicker({dateFormat: 'yy-mm-dd' }), $("#validation").validationEngine(), $('input[title]').tipsy(), $('textarea.tinymce').tinymce({ // Location of TinyMCE script script_url : '../scripts/tinyeditor/tiny_mce.js', // General options theme : "advanced", plugins : "table,advhr,advimage,advlink,inlinepopups,preview,media,paste,fullscreen,visualchars,xhtmlxtras", // Theme options theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,cut,copy,paste,pastetext,pasteword,|,bullist,numlist,|,outdent,indent,blockquote,|,forecolor,backcolor", theme_advanced_buttons2 : "formatselect,fontselect,fontsizeselect,|,removeformat,|,hr,|,undo,redo,|,sub,sup,|,charmap,|,cite", theme_advanced_buttons3 : "tablecontrols,|,link,unlink,anchor,|,image,preview,media,|,cleanup,code,fullscreen", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true }); }); }); }}); });