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');