2011-03-25 47 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'或類似方法將其移動到最右端。你也可以給它自己的類並手動設置它。

您是否在浮動錨標籤?