Tag: 清理

CSS和JQuery:图像名称中的空格中断url()的代码

我有一个页面,当在鼠标hover在缩略图上时,它应该显示更大的图像版本。 我有一个带有ID的’div’,JQuery代码如下: $(document).ready(function(){ $(‘img’).hover(function() { var src = $(“#im” + this.id).attr(“src”); $(‘#viewlarge’).css(‘backgroundImage’,’url(‘ + src +’)’); return false; }); }); 我使用的图像是由Ruby脚本生成的,该脚本“生成”具有相似但不同id的图像。 但是,有时会上传内部有“空格”的照片。 我的开发人员工具告诉我背景图像设置不正确,但图像路径是正确的,浏览器在查找图像时没有问题。 我的问题是,我可以以某种方式消毒url’src’,所以空格不会有问题吗? 我知道做这个服务器端,但我想知道如何使用JQuery / JS这样做。 谢谢!