jQuery 中的图像?

发布于 2024-10-26 21:34:08 字数 479 浏览 1 评论 0原文

在我的应用程序中,我使用列表来显示项目。我有一个网络服务结果,我与列表绑定并将图像添加到该列表中。所以我使用类作为 ui-li-icon ,但它带有重叠的值。查看图像 在此处输入图像描述

  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>";

In my application, I use list to display the items. I have a web service result and i bind with list and adding image in to that list. so I used class as ui-li-icon but it comes with overlaps the value. see the image enter image description here

  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>";

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

樱花细雨 2024-11-02 21:34:08

我的解决方案是删除 img 标签,而是根据您得到的响应为 h3 标签指定一个类名(或通过 style 设置其背景) >) 并用 css 控制其余部分。

img 不属于那里:-)

My solution would be to remove the img tags, instead give the h3 tag a classname based on the response you get (or set its background via style) and control the rest with css.

The img doesnt belong there :-)

開玄 2024-11-02 21:34:08

为 img 指定“ui-li-icon”类是对其进行绝对定位,这就是它与当前内容重叠的原因。

覆盖该绝对定位或使用“right: 1px”或类似命令将其移动到最右侧。您还可以为其指定自己的类并手动设置样式。

您是否浮动锚标记?

Giving the img a class of 'ui-li-icon' is absolute positioning it, which is why it is overlapping your current content.

Override that absolute positioning or move it to the far right by using 'right: 1px' or similar. You can also give it your own class and style it manually.

Are you floating the anchor tag?

回忆躺在深渊里 2024-11-02 21:34:08

在文本中添加带有 margin-left 的样式, style='margin-left:some pix or em value 根据您的图像大小'

更改您的代码,如下所示,

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>";

谢谢。

add style with margin-left to the text , style='margin-left:some pix or em value according to your image size'

change your code little bit like this

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>";

Thanks.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文