新しい jQuery モバイル要素をページに挿入すると、含まれている要素で使用しても、正しくスタイル設定されません.trigger("create");
。ただし、これは正しいスタイリングを設定するのにある程度役立ちますが、不十分です。
たとえば、次のように追加する場合:
for (var i=0; i<len; i++){
...
$('#results').append("<a href='#' data-role='button'>"+content+"</a>");
}
$('#results').trigger("create");
表示は次のようになります。
余分な丸みを帯びた角に注目してください。一方、ページにコードを含めるだけでは、次のように正しく表示されます。
ページがロードされた後、ページに何かをロードするたびに、この同じ問題が発生します。カスタムスタイルシートでスタイルを強制する以外に、これを回避する方法を知っている人はいますか?