【问题标题】:Javascript change image/background image not workingJavascript更改图像/背景图像不起作用
【发布时间】:2014-08-11 16:02:51
【问题描述】:

对一些动态的东西有一些问题。

我有以下 JS 函数,当我运行一个按钮时它会运行。它显示(在回发时)一个漂亮的 css 警报,然后运行该函数。

function totop(sender, args) {
   window.scroll(0, 0);
   document.getElementById("wait").innerHTML = "<br/><div class='alert-box notice' id='spinner' ><span>Validating : </span>One moment please.</div>";
$('#spinner').css("background-image", "url(images/ajax.gif)");
}

想法是将背景图片更改为 ajax.gif(微调器),但 ajax.gif 不显示。除非在 onClick 按钮上添加“return false;”

为什么 jQuery 不即时更新图像?甚至用香草 javascript 也试过了,同样的事情。

【问题讨论】:

  • 加个小提琴,这样会更好。
  • 尝试背景而不是背景图像。 Off topic:顺便说一下,你使用了 jquery 选择器和标准 javascript 的奇怪组合。为什么不使用$("#wait").html('some text');
  • 看起来代码运行良好 jsfiddle.net/sureshponnukalai/22cm3txp

标签: javascript jquery css image


【解决方案1】:

图像 ajax.gif 似乎不在您期望的位置。 尝试在浏览器中打开它。也许如果您尝试以下方法:

$('#spinner').css("background-image", "url('../images/ajax.gif)'");

这可能会有所帮助。

【讨论】:

  • 不,它确实存在。如果你使用 Return false;在按钮上然后它停止回发,因此您可以对元素执行 F12,并且当您单击 url 时它确实存在。
  • 嗯。 $('#spinner').css("background-image", "url('../images/ajax.gif)' !important;");这有什么改变吗?
  • 试过这个,但不起作用。有趣的是,如果我在 HTML 页面中设置 DIV,例如..
    Validating : 请稍等。
    "; GIF 显示,因为该 div 的背景图像是 "background: #e3f7fc url('../images/ajax.gif') no-repeat 10px 50%;",但要在其中显示完全相同的 div javascript(使用innerHTML),div显示OK但没有背景图片。还是很奇怪!
  • $('#spinner').css("background-image", "url('./images/ajax.gif')") 和这个有什么效果?
猜你喜欢
  • 1970-01-01
  • 2017-04-12
  • 2020-07-02
  • 2019-05-23
  • 2023-03-03
  • 2015-06-09
  • 2016-10-28
  • 1970-01-01
相关资源
最近更新 更多