1

私は ajax 呼び出しを使用してフォームを直接ロードしたいと考えています。

コンテナー ページには、x-editable フォームに必要なすべての css/scripts が既に含まれています。

div 内に直接 html コードをロードできますが、x 編集可能なフィールドがレンダリングされないという問題があります。これが私のコードです：リモートコンテンツを含む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 に答える