1

我想将表单直接加载到使用 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 时，没有执行这段代码。

任何想法？

4

1 回答 1

0

渲染 div 后尝试添加代码

于 2013-05-24T23:45:43.333 回答