android - jquery mobile div ui-gridコンテンツが互いに崩壊する

Question

ul に追加する動的な jqm リスト要素を作成しました。リストは次のようになります

    var html_sec = $('<li data-theme=c><div class=ui-grid-b><div class=ui-block-a>
         <a class="ui-link-inherit" href="link.html"><img src="'
        +imageurl+
        '" /></a></div><div class=ui-block-b><a class="ui-link-inherit" href="'
        +link_url+
        '"><span>'
        +name+
        '</span></a><br /><a class="ui-link-inherit" href="'
        +link_url+
        '"><span>'
        +name2+
        '</span></a></div><div class=ui-block-c><a class="ui-link-inherit" href="'
        +link url+'"><img src="'
        +image_url+
        '" /></a></div></div></li>');
html_sec.appendTo('ul');
$("#list").listview("refresh");

ご覧のとおり、リストには 2 つの画像が含まれており、中央に 2 つの名前が追加されています。ここで直面している問題は、これらの div をコンテンツに動的に追加するときです

1. ui-block-c で名前が重複し、2. 画像が div の中央に配置されておらず、div に収まるようにする必要があります。

基本的なcssとjqm関数のほとんどを試しましたが、エミュレーターで表示したときに機能しませんでした.だから、これらのコンテンツをそれぞれのdivに配置する必要があります。前もって感謝します。

基本的に、これがAndroidモバイルエミュレーターでコンテンツが互いに重なることを意味する場合

<div class="ui-grid-b">
   <div class="ui-block-a">asdfasdfadsfadfadfasdfadf</div>
   <div class="ui-block-b">asdfasdfadsfadfadfasdfadf</div>
   <div class="ui-block-c">asdfasdfadsfadfadfasdfadf</div>
</div>