javascript - x-可编辑表单使用ajax加载到div中

Question

我想将表单直接加载到使用 ajax 调用中。

容器页面已经包含 x 可编辑表单所需的所有 css/脚本。

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

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

以及 JavaScript 函数:

 $("#create-button").click(function(){
    document.location.href = '/fip-dt/insertProject';
    $('#mycontent').html('');
    ajaxRead('/insertProject');
 });

 function ajaxRead(file){
   var htmlObj = null;
   if(window.XMLHttpRequest){
       htmlObj = new XMLHttpRequest();
   } else if(window.ActiveXObject){
       htmlObj = new ActiveXObject("Microsoft.XMLHTTP");
   } else {
       return;
   }
   htmlObj.onreadystatechange = function(){
     if(htmlObj.readyState == 4){
        updateObj(htmlObj);
      }
     }
     htmlObj.open ('GET', file, true);
     htmlObj.send ('');
   }
   function updateObj(data){
    document.getElementById("mycontent").innerHTML=data.responseText;
   }

我无法直接使用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中的时候并没有执行。

有什么想法吗？

Answer 1

尝试在 div 渲染后添加代码