jqueryMobile和PhoneGap的pageinit和AJAX手風琴

Question

我的代碼：

$('#cars').live('pageinit',function() { 
    var msg = ""; 
    $.ajax({ 
     url: 'http://192.168.23.20/php/getcar.php', 
     dataType: 'jsonp', 
     jsonp: 'jsoncallback', 
     success: function(data){ 
     msg += '<div data-role="collapsible-set">'; 
      $.each(data, function(i,v){ 
       msg += '<div data-role="collapsible">'; 
       msg += '<h3>'+v.carName+'</h3>'; 
       msg += '<p>'+v.cardesc+'</p>'; 
       msg += '</div>'; 
      }); 
     msg += '</div>'; 
     $(".car").after(msg); 
     } 
    });   
}); 

輸出顯示爲明文代替JQM手風琴。是否有任何解決方法可以在pageinit上執行JQM手風琴？

Answer 1

如果你要動態地創建手風琴列表或動態修改，那麼你需要刷新特定手風琴得到JQM的風格和效果，您可以通過$('.selector').collapsibleset('refresh');

achive可能是此（未測試）爲你的作品。

$accordion_div = $('<div data-role="collapsible-set"></div>'); 
msg = "" 
$.each(data, function(i,v){ 
    msg += '<div data-role="collapsible">'; 
    msg += '<h3>'+v.carName+'</h3>'; 
    msg += '<p>'+v.cardesc+'</p>'; 
    msg += '</div>'; 
}); 
$accordion_div.html(msg); 
$accordion_div.appendTo(".car").collapsibleset('refresh');