使用ajax調用含JQuery easyUI的組件需要重繪

使用JqueryEasyUI的時候，我們從後台傳過來easyui的元素無法正常顯示。

在開發的時候我們會遇到這樣一個問題。
//點擊頁面 添加事件
//得到選課組的資訊

 

 

  
function getClozeGroupInfo() {  
  
        var clozegroup_id = $('#clozegroup').val();  
  
        $.post('/index.php/ajax/getClozeExperiment',{id: clozegroup_id},function(data){  
  
            $('#experimentList').html(data);  
  
             
  
        });  
  
         
  
    }  
 

我們會使用$.post來擷取我們需要的內容。
但是如果我擷取的頁面中存在Jquery easyUI的東西，那麼擷取過來的元素是無法被解析的。
比如

 

  
<input id="room2" url="/index.php/ajax/getRoomList" valueField="id" textField="name" class="easyui-combobox" multiple="true" name="room" style="width:100px" required="true"> 
 

在擷取到的這個input裡面，有class="easyui-combobox"。
那麼直接擷取過來是無法使用的。

這種情況下，我們需要對擷取過來的html元素進行重繪。

  

   
function getClozeGroupInfo() {  
   
        var clozegroup_id = $('#clozegroup').val();  
   
        $.post('/index.php/ajax/getClozeExperiment',{id: clozegroup_id},function(data){  
   
            $('#experimentList').html(data);  
   
            $.parser.parse($('#experimentList'));  
   
        });  
   
         
   
    } 
  
 

這樣，頁面中的jquery元素就能夠正常了。

本文出自 “難道是神仙” 部落格，請務必保留此出處http://leexiaobo.blog.51cto.com/2851883/928726