【问题标题】:use jquery to change css background image使用 jquery 更改 css 背景图像
【发布时间】:2014-08-13 20:31:31
【问题描述】:

我正在尝试使用 jQuery 更改 CSS 背景图像,而我使用的代码只是重新加载当前图像。 当您单击 li#menu-item-23 时,我希望具有 #changeMe 类的 div 切换背景图像

$('li#menu-item-23').click(function(){
  $('#changeMe').css('background-image','url(i/logo4.png)');

});

【问题讨论】:

  • 在您的网址中添加引号... 'url("i/logo4.png")' ...
  • 验证您的图像路径。它应该与您当前的 URL 相关。

标签: jquery css


【解决方案1】:

试试这个

$('#changeMe').css('background-image', 'url("i/logo4.png")');

你需要在url()里面加双引号

JSFiddle Demo

还要确保你的图片路径是正确的...

以下是文件路径的简要说明:

./ 表示当前目录

../表示当前目录的父目录,不是根目录

/是根目录

myfile.text 在当前目录中,./myfile.text 也是如此

../myfile.text 比您高一级,/myfile.text 位于您的根目录中。

【讨论】:

  • 这里是上面的一个小提琴:jsfiddle.net/ctwheels/92m4309b/7(你比我写答案)
  • @imbondbaby 不幸的是仍然没有运气。我在 Wordpress 工作,我想知道这是否会以某种方式影响事情。我的另一个 jQuery 工作正常,这是唯一失败的部分
  • 将它包裹在document.ready 函数周围,看看是否有区别...您确定图像路径正确吗?
  • @imbondbaby 我认为你是对的,图像路径发生了一些奇怪的事情......之前不需要通过 jQuery 在 WP 中访问图像 url
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-06-02
  • 1970-01-01
  • 1970-01-01
  • 2013-01-15
相关资源
最近更新 更多