Javascript 用ajax加载到div中的x-editable表单

我想使用ajax调用将表单直接加载到数据库中

容器页面已经包含了x-editable表单所需的所有css/脚本

我可以直接在div中加载html代码，但问题是没有呈现x-editable字段。 这是我的密码： 将包含远程内容的div

<div id="mycontent">
....
</div>

我不能直接使用jquery来更新div的内容，因为它似乎完全删除了标记

在远程div中，我有以下javascript代码：

$.fn.editable.defaults.mode = 'inline';
$('table#projectform > tbody > tr > td > a').editable();
$('.myeditable').editable({
    url: '/post'
});
$('#project-name').editable('option', 'validate', function(v){
    if(!v) return 'Required Field';
});
$('#save-btn').click(function(){
    $("p#prova").html("TEST");
}); 

当远程内容加载到div中时，似乎没有执行这段代码

---

有什么想法吗？

尝试在呈现div后添加代码

$.fn.editable.defaults.mode = 'inline';
$('table#projectform > tbody > tr > td > a').editable();
$('.myeditable').editable({
    url: '/post'
});
$('#project-name').editable('option', 'validate', function(v){
    if(!v) return 'Required Field';
});
$('#save-btn').click(function(){
    $("p#prova").html("TEST");
});