Before 或 Prepend 不适用于图像？答案

【问题标题】：Before or Prepend don´t work with images?Before 或 Prepend 不适用于图像？
【发布时间】：2013-08-16 11:11:04
【问题描述】：

我需要在 DIV 之前插入一段 HTML 代码。我正在使用 JQuery 面对这个问题，使用“之前”或“前置”功能（两者都无济于事）。但问题是，如果我在新代码中插入图像，它会给我一个“加载 URL 失败”错误（使用 Firebug 调试），但 URL 是正确的（它适用于网络的其他地方）。

这是我的代码：

$("#page").before('<div id="OverPage"><div style="width:400px; margin:0 auto;">Go <img src="~/Images/backInst_20.png" /> Back</div></div>');

谢谢！！

【问题讨论】：

是的，它可以工作......但删除了“~”。不知道为什么......我虽然对于定位项目的“主”文件夹很重要，而且我正在使用这种方式来引用整个 Web 项目中的数据，但在这种情况下，它必须被删除。如果您知道为什么必须这样做以及可能的后果，我们将不胜感激任何其他信息。谢谢。

【解决方案1】：

类似这样的东西 - 您需要更改 id 等以对应您的示例。

   jQuery("<img/>").before("#page").attr({
   src: 'src.gif',
   alt: '',
   height: '60'
});

【讨论】：