Question

我正在尝试在DIV中更改背景图像，想法是在鼠标悬停时将静态图像.png更改为.gif，我不知道为什么它在使用MAMP的计算机上正常工作，但是当我在Hostgator中的服务器上放置代码时，我的代码无法正常工作，并且控制台中出现错误： TypeError：undefined不是一个对象（正在评估“ background.replace”）

我的html是：

<ul class="items"  id="lista1">

            <li>
            <div class="bg-img" id="featured" id="featured" style="background-image: url('img/thumbs/tb_nesfit.png');">
              <div class="bgshadow_thumb" id="fshadow"></div>
              <div class="text-thumb">
                <div class="bottom">Cookies Nesfit</div>
              </div>
            </div>

            <a href="project.php?job=nesfit-cookies">
              <div class="content">
                <div class="content-info">
                  <button class="ico"><i class="fa fa-play"></i></button>
                  <h2>Cookies Nesfit</h2>
                  <h3><span class="category">Animação, Simulação</span> | 2018</h3>
                </div>
                <div class="content-buttons">
                  <button class="ico"><i class="far fa-heart"></i></button>
                  <button class="ico"><i class="far fa-clock"></i></button>
                  <button class="ico"><i class="fa fa-ellipsis-h"></i></button>
                </div>
              </div>
            </a>
          </li>
</ul>

我的jquery是：

$('li').mouseover(function() {

      var background = $(this).find("div#featured").css('background-image');
      background = background.replace('.png','.gif');
      $(this).find("div#featured").css('background-image', background);


           //var background = $(this).find("div#featured").css('background-image');
           //background = background.replace('.png','.gif');
           //$(this).find("#featured").css('background-image', background);

       });

我在此div上方有一个阴影层，因此将mouseouver放在

中，但我想更改DIV id =“ Featured”，这是我的背景图像是。

JSF输入我的代码：

https://jsfiddle.net/theangelis/dL86r7nt/1/?utm_source=website&utm_medium=embed&utm_campaign=dL86r7nt

Answer 1

$（this）.css（'background-image'，'url（/images/client_box_grad.gif）'）;

您应确保指定了有效的图片网址。

我正在尝试使用jQuery更改背景图片，但它在我的本地计算机上有效，但无法在网上投放

1 个答案: