javascript - Jquery - 更改背景图像 - 抛出奇怪的错误

Question

我的 HTML 中有 4 个列表项，其中有图像和文本。 我想要做的是当有人点击列表项时，我想从中提取文本并使用它来形成图像 url 并将其分配给元素的背景。 但是这个简单的东西不起作用，firefox 在不更改图像的情况下发出警告:

reference to undefined property g[m] : Line 69 {this error is shown 3 times}
Error in parsing value for background-image. Declaration Dropped.

这是我的代码:

<ul id="colorChoice">
  <li class="setGuideColor"><img src="a.png">Red</li>
  <li class="setGuideColor"><img src="b.png">Green</li>
  <li class="setGuideColor"><img src="b.png">Blue</li>
  <li class="setGuideColor"><img src="d.png">Gray</li>
  <li class="setGuideColor"><img src="e.png">Yellow</li>
</ul>

这些是列表项。

$(".setGuideColor").click(function(){
  var img = '"url(' + $(this).text() + '.png)"';
  alert(img);
  $(".myElement").css("background-image",img);
})

这是 JQuery 部分。 在这里，当我警告变量 img 时，我得到一个用双引号括起来的路径，并且生成的图像的 URL 是绝对正确的。我不明白是什么问题。

Answer 1

background-image 的正确值应该是:

url(somePath.png)

你似乎拥有的地方:

"url(somePath.png)"

去掉外引号。