jquery - 无法使用 jQuery 更新背景图像

Question

代码:

var imgurl = 'img/star.png';
$("#venueId-"+nid).css('background','url("'+imgurl+'") no-repeat top right');

这是点击时发生的函数的开始。期望的结果是图像 (img/star.png) 出现在 div 的右上角。不幸的是，当这个脚本出现时，什么也没有发生。

我仔细检查了图像的相对位置，将背景更改为渐变色时，这段代码没有遇到任何问题。

Answer 1

您的 html 有 id="venueId" 并且您正在调用 $("#venueID-")。它也被包装到一个函数中......你不会在任何地方调用该函数。

根据您的 jsfiddle。

所以我只是在你的 jsfiddle 中修复了这两件事，它现在可以工作了......我还将宽度和高度从 html 移动到 css。

jsfiddle updated

编辑:您可以像这样尝试用 jQuery 编写所有内容:

jsfiddle

或者如果你想按你的方式做，我会稍微改变一下。您也许可以使用 onclick 而不是在 href 中调用 javascript。我会使用函数表达式 (foo = function(){}) 而不是函数声明 (function foo(){})。 here is some more on that

jsfiddle

替代方案:

如果你想通过类选择器应用背景(这里 url 在 css 中被硬编码)，你可以这样做(这实际上是 Swordfish0321 谈论的):

jsfiddle