ajax加载页面时加载函数,javascript - 通过ajax post和codeigniter加载函数加载页面内容时，无法调用head部分中的某些jquery函数 - 堆栈内存溢出...

我知道我的问题标题不能很好地描述我的问题，对此感到非常抱歉。 我不知道该如何总结。 无论如何，这是我的问题。

我正在创建一个管理面板，以更改网页中的某些内容。 此方案用于更改幻灯片图像。

确定，然后有人登录我的页面后，我正在加载三页。 像这样。

$this->load->view('admin/header');

$this->load->view('admin/menu');

$this->load->view('admin/table_and_editor_holder');

我在下面提到的所有页面内容。 所以基本路径是这样的。 有人登录后，他可以单击[幻灯片管理]按钮来加载图像和已插入幻灯片的详细信息。 这些都是从数据库中获取的。 因此，一旦他单击菜单按钮。 这个jQuery函数正在执行。

$('.menu-item > a').on('click', function() {...})

此功能只是获取一个html页面。 充满了以前的幻灯片详细信息。 这是控制器功能处理菜单请求。

function slider_edit_delete() {

$sdata['slide_imgs'] = $this->admin_basic_curd->get_all_items('sider_images');

$slide_manager = $this->load->view('admin/slider_manager', $sdata, TRUE);

echo $slide_manager;

}

因此，之前的jquery函数会将此页面内容附加到div这样。

$('#table_container').html(data);

因此，在此页面内容内，我有一个按钮，用于为每个已插入的幻灯片调用编辑。 因此，通过单击此按钮，我可以编辑该幻灯片图像或图像的某些测试内容。 该按钮是这样的。

Edit

因此，通过单击此按钮，必须在标题部分中执行此功能，并且该功能必须像以前一样向＃editor-form-container div添加html表单(在单独的页面中)

$('.onclick_post_by_a').on('click', function() {...})

但是问题是，一旦我单击编辑按钮，它就找不到此功能。 因此它将内容作为单独的页面打开

我该如何运作？ 谢谢您 ，标题页包含所有css和js文件链接。 和一些jQuery函数。 像这样。

$(document).ready(function() {

$('.menu-item > a').on('click', function() {

var url = $(this).attr('href');

var pdata = "";

var rdata = posting_url(url, pdata);

rdata.success(function(data) {

$('#table_container').html(data);

});

return false;

});

$('#editor-form-container').css({

display: "none"

});

function posting_url(url, pdata) {

return $.ajax({

url: url,

data: pdata

});

}

$('.onclick_post_by_a').on('click', function() {

var url = $(this).attr('href');

var pdata = "";

var rdata = posting_url(url, pdata);

rdata.success(function(data) {

$('#editor-form-container').css({

display: "block"

});

$('#editor-form-container').html(data);

});

return false;

});

$('.post_with_image').on('submit', (function(e) {

e.preventDefault();

var formData = new FormData(this);

$.ajax({

type: 'POST',

url: $(this).attr('action'),

data: formData,

cache: false,

contentType: false,

processData: false,

success: function(data) {

console.log("success");

console.log(data);

},

error: function(data) {

console.log("error");

console.log(data);

}

});

}));

});

然后我有加载菜单页面。 就是这样

Home

Side Manage

table_and_editor_holder.php页面。 就是这样