jquery - 回溯代码问题（DIV 背景）

Question

我正在使用backstretch作为全屏背景。在我的一个网站上，它在开始正文标记之后与此代码完美配合：

<script>
$.backstretch([
      "images/1.jpg"
    , "images/2.jpg"
    , "images/3.jpg"
  ], {duration: 6000, fade: 750});

</script>

但是在我的新网站（一个页面布局有几个 div）上不起作用。我按照 backstretch 网站上的建议尝试了以下代码 - 我希望每个 DIV 有不同的全屏背景：

<script>
 $("#presentation").backstretch("../images/bg-24.jpg");
 $("#presentation2").backstretch("../images/bg-25.jpg");
 $("#presentation3").backstretch("../images/bg-26.jpg");
</script>

然后

<div id="presentation">
blablabla
</div>

喋喋不休

CSS 代码：

#presentation {
    height: 1300px;

}

#presentation2 {
    height: 1300px;

}

#presentation3 {
    height: 1300px;

}

Answer 1

在 jquery.backstretch.min.js 中找到这段代码
return a("body").backstretch(c,b).data("backstretch")

并将“body”更改为“.backstretch”

现在，给.backstretch你的 div 上课

完毕。

Answer 2

有两种方法。

1. 将脚本移动到 div 标签下方

2. 将其更改为以下

   <script>
    jQuery(document).ready(function($){
      $.backstretch([
         "images/1.jpg"
       , "images/2.jpg"
        , "images/3.jpg"
      ], {duration: 6000, fade: 750});
   });
   </script>