Question

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

容器页面已包含x-editable表单所需的所有css / scripts。

我可以直接在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渲染后添加代码

x-editable表单将ajax加载到div中

1 个答案: