0

我创建了一个动态 jqm 列表元素附加到 ul 。列表看起来像这样

    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 张图片，并在中间添加了两个名称。我在这里面临的问题是当我动态地将这些 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>
4

0 回答 0