2011-03-25 46 views
0

在我的应用程序中,我使用list来显示项目。我有一个Web服务结果,我与列表绑定并将图像添加到该列表中。所以我使用了类ui-li-icon,但它带有重叠的值。看到图像enter image description herejQuery中的图像?

listItem.innerHTML = "<img class='ui-li-icon' alt='No Image' src='"+ 
g_listOfBusinessDetails[i].imageURL +"'/><a href='#' 
data-role='button' data-theme ='e' id='" + i + "' rel='external' data-inline='true'>" + 
"<h3>"+ g_listOfBusinessDetails[i].name +"</h3>"+ "</a>"; 

回答

0

增添风格利润率左的文字,风格=“保证金左:根据您的图片大小一些PIX或EM值”

改变你的代码有点像这样

listItem.innerHTML = "<img src=" + g_listOfBusinessDetails[i].imageURL + " class='ui-li-icon'></img><a href='#' data-role='button' id='" + i + "' data-theme ='c' rel='external' data-inline='true' style='margin-left:2em' >" + g_listOfBusinessDetails[i].name + " </a><br><a href='#' data-role='button' id='' name='" + i + "' data-icon = arrow-r></a>"; 

谢谢。

2

我的解决办法是删除img标签,而不是给h3标签根据你得到的回应一个类名(或通过style设置它的背景),并用CSS控制的其余部分。

img犯规属于那里:-)

2

给予的IMG类“UI丽图标”是绝对定位它,这就是为什么它被重叠现有的内容。

重写绝对定位或通过使用'right:1px'或类似方法将其移动到最右端。你也可以给它自己的类并手动设置它。

您是否在浮动锚标签?