2014-03-30 53 views
0

我試圖使用ajax調用來從json數組中獲取項目列表,並將它們放入複選框列表中。該項目加載罰款,但他們沒有jquery移動樣式。jquery mobile ajax調用後複選框沒有樣式

  $(document).ready(function(){ 
      jQuery.support.cors = true; 
      $.ajax({ 
       type: 'GET', 
       url: "https://evalue.internationaldelivers.com/service_kb_cust/OCCAPI/Mobile/json/f9496ab3c3764fd0ae201de76c71608f/OCC_GetFiltersObj", 
       dataType: "json", 
       contentType: 'application/json', 
       crossDomain: true, 
       async: true, 
       cache: false, 
       timeout: 30000, 
       success: function (data, status, xhr) { 
        for (var i=0, len=data.OCC_FiltersObj_Cust.length; i < len; i++) { 
         $("#filterpanel fieldset").append("<input type='checkbox' name='checkbox-2' id="+data.OCC_FiltersObj_Cust[i].CustomerID+" class='custom'/>") 
         $("#filterpanel fieldset").append("<label for="+data.OCC_FiltersObj_Cust[i].CustomerID+">"+data.OCC_FiltersObj_Cust[i].CustomerName+"</label>") 
        } 
       }, 
       complete: function (xhr, status) { 
        // Indicate complete 
       }, 
       error: function (xhr, status, error) { 
        // Assert an error 

       } 
      }); 
     }); 

任何人都可以幫我嗎?

+0

這JQM版本您使用的? – Omar

回答

0

需要複選框父元素

上稱之爲觸發( 「創建」),所以試試這個:

success: function (data, status, xhr) { 
       for (var i=0, len=data.OCC_FiltersObj_Cust.length; i < len; i++) { 
        $("#filterpanel fieldset").append("<input type='checkbox' name='checkbox-2' id="+data.OCC_FiltersObj_Cust[i].CustomerID+" class='custom'/>") 
        $("#filterpanel fieldset").append("<label for="+data.OCC_FiltersObj_Cust[i].CustomerID+">"+data.OCC_FiltersObj_Cust[i].CustomerName+"</label>") 
        } 

        $("[type='checkbox']").closest("div").trigger("create");  
    } 
+0

它沒有工作。 – chrispytoes

0
 for (var i=0, len=data.OCC_FiltersObj_Cust.length; i < len; i++) { 
      $("#filterpanel fieldset").append("<input type='checkbox' name='checkbox-2' id="+data.OCC_FiltersObj_Cust[i].CustomerID+" class='custom'/>") 
      $("#filterpanel fieldset").append("<label for="+data.OCC_FiltersObj_Cust[i].CustomerID+">"+data.OCC_FiltersObj_Cust[i].CustomerName+"</label>") 
     } 

     $("#filterpanel fieldset").trigger("create");