Question

我想将图片加载到我的html上的div但是它不起作用，如果我将var image = $（“＃slider”）更改为$（“body”）它可以工作，但随后整个身体淡入淡出，这不是我想要的。

我猜这个标识符有问题吗？

    $(document).ready(function(){
    var count = 0;
    var images = ["/mvc_tut/views/index/images/bg1.jpg","/mvc_tut/views/index/images/bg2.jpg","/mvc_tut/views/index/images/bg3.jpg","/mvc_tut/views/index/images/bg4.jpg"];
    var image = $("body");

    image.css("background-image","url("+images[0]+")");

    setInterval(function(){
      image.fadeOut(1000, function(){
        image.css("background-image","url("+images[count++]+")");
        image.fadeIn(1000);
      });
      if(count == images.length)
      {
        count=0;
      }
    },3000);
});

那就是html

<div class="container">
  <div id="#slider">
  <div class="row">
    <div class="col-md-6 homeleft">
    </div>
    <div class="col-md-3 col-md-offset-2">
      <div class="login">
        <form action="index/login" method="POST">
          <input type="text" class="form-control" name="userLogin" placeholder="Nutzername">
          <input type="password" class="form-control" name="passwortLogin" placeholder="Passwort">
          <button type="submit" class="btn btn-default">Anmelden</button>
        </form>
      </div>
      <div class="register">
        <form action="index/register" method="POST">
          <input type="text" class="form-control" name="userReg" placeholder="Nutzername">
          <input type="text" class="form-control" name="emailReg" placeholder="Email">
          <input type="password" class="form-control" name="passwortReg" placeholder="Passwort">
          <button type="sumbit" class="btn btn-default">Registrieren</button>
        </form>
      </div>
    </div>
  </div>
</div>
</div>

Answer 1

我知道你有＆＃34;＃滑块＆＃34; 在id值。你不应该有＃＆＃39;＃＆＃39;在那里。＆＃39;＃＆＃39;仅由jQuery用于标识id上的select。

Answer 2

问题在于：

<div id="#slider">
<!-------^ // Please remove the #

HTML元素不应以id开头#。而且，来自文档：

ID和NAME令牌必须以字母([A-Za-z])开头，后面可以跟任意数量的字母，数字([0-9])，连字符("-")，下划线("_")，冒号(":")和句点(".")。

jquery背景图像更改

2 个答案: