1
我有一个小的jQuery功能,我可以将背景图像更改为div。jQuery更改背景图像 - 引号
HTML + jQuery的
<div id="mydiv"></div>
<a onclick="chooseBackground('foo.jpg')">Foo!</a>
<script>
function chooseBackground(file) {
var file = '/path/to/'+file;
$('#mydiv').css('background-image','url('+file+')');
}
</script>
这在Chrome中检查的结果是:
<div id="mydiv" style="background-image: url("/path/to/foo.jpg");"></div>
我也试过这样:
$("#mydiv").css("background-image","url('"+file+"')");
引号标记是存在的,而不是撇号标记,它应该包含url。
展位脚本的结果相同。这里的任何想法?我错过了明显的东西吗?
[编辑]为什么这是一个问题
我有另一个脚本预览整个股利。该脚本复制div中的所有内容(包括背景图像)并全屏显示。就像这样:
<script>
function preview() {
var background = $('#mydiv').css('background-image');
var content = 'foo bar abc 123';
$('#previewdiv').html('<div style="background-image:'+background+';">'+content+'</div>';
}
<script>
在HTML的结果是:
<div style="background-image: url(" http:="" mydomain.com="" path="" to="" foo.jpg");">
嗨!抱歉。编辑了这个问题。我在这里写错了Stackoverflow – Stichy
您提供的代码按预期工作:http://jsfiddle.net/mx3tv69m/。在HTML中使用引号有什么问题? –
@RoryMcCrossan:检查员的结果是一样的:
。 Chrome浏览器是否很奇怪? – Stichy