この質問が以前に尋ねられたことは知っていますが、見つけることができるすべての解決策を試しましたが、役に立ちませんでした。
私のjqmスタイルは初期化されません。これは、この男の問題と非常によく似ています: JQuery mobile -> .append() removes CSS? 私は .trigger('create') と listview('refresh') メソッドの両方、さらには両方の組み合わせを試しました。
ジェイド:
#category(data-role='page')
a(href='#automobile', data-transition='slide', onclick="return loadItemsBrief('automobile');")
| Automobile
... //code reduced here
#automobile(data-role='page')
div(data-role='content')
div#refresh(data-role='fieldcontain')
ul#autoList(data-role='listview', data-divider-theme='b', data-inset='true')
Javascript (別の .js)
function loadItemsBrief(cat){
$.getJSON(''+cat, function (json) {
$.each(json.items,function(i,data) {
$('#autoList').append('<li data-theme="c"><a href="" data-transition="slide" class="touchableButton"><div style="display: inline-block"><img style="width: 100px; height: 125px" src=""'+data.fileUrls[0]+'></div><div style="display: inline-block"><h3>Title: '+data.name+'</h3><h3>Price: '+data.minBid+'</h3><h3>Condition: '+data.condition+'</h3></div></a></li>'); //tried .trigger('create') here
});
$('#autoList').listview('refresh'); //also tried placing .listview('refresh') in inner most layer
});
}
ファイアバグが私に与えるエラーは次のとおりです。
TypeError: $(...).listview is not a function
$("#autoList").listview("refresh");
助けていただければ幸いです、ありがとうございます!