jQuery img使用~的相对路径/源
jQuery img使用~的相对路径/源
提问于 2014-01-03 05:01:19
我正在从事VS2010 asp.net MVC项目，并通过以下jQuery调用动态更改图像/图标。
<div class="icon-button"><img src="~/Images/Umark_Icon.png" class="image-class" /></div>
<script>
$(document).on("click", ".iconl-button", function () {
$(this).find('img').attr("src", "~/Images/Mark_Icon.png");
});
</script>或者我也试过了
$(this).html('<img src="~/Images/Mark_Icon.png" class="image-class"/>');如果将图像src或整个图像替换为带有"~/ image _ path“的相对路径，则不能使用代字号。
它只适用于"../image_path“。
它不能与"../../ image _path“一起工作，我相信，但不确定是由于图像文件夹的深度。
最后，我希望它与"~/“选项一起工作，我认为这是最适合这种情况的选项。
请在这个主题上的任何评论，建议和演示将对我非常有帮助。
谢谢。
回答 2
Stack Overflow用户
发布于 2014-01-03 05:12:46
~/不是有效的URL路径。路径需要是绝对URL或相对URL才能在图像标签中起作用。据我所知，您有以下选项：
/foo -相对于主机的根目录
foo或./foo -相对于当前URL
//host.com/foo或protocol://host.com/foo -绝对URL
http://url.spec.whatwg.org/
Stack Overflow用户
发布于 2014-01-03 05:10:22
var ImageURL = '<%=ResolveClientUrl("~/Images/Mark_Icon.png")%>';
$(this).find('img').attr('src', ImageURL );页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20891795
复制相关文章
相似问题
腾讯云开发者
