在div里面的Jquery backstretch？

Question

我正在尝试使用JQuery在div内部实现全屏背景图像。

我正在使用Backstretch plugin，它可以正常工作，但它会将图像绑定到正文标记。

我希望将此应用于id为home_middle_bg的div，任何想法？

由于

Answer 1

我添加了一个新设置选项，如果未定义，则默认为body。所以上面的建议看起来是这样的：

 if($(settings.targetObject + ' #backstretch').length == 0) {
      $(settings.targetObject).append(container);
 }

Answer 2

实际上图像被绑定到一个div并且它被添加到正文中：您可以通过替换（插件的第69行）手动修改它：

            if($("body #backstretch").length == 0) {
                $("body").prepend(container);
            }

带

            if($("#home_middle_bg #backstretch").length == 0) {
                $("body").prepend(container);
            }

Answer 3

如果您仍想使用该插件，则需要在此处对其进行修改（将“body”替换为您想要的内容）：https://github.com/srobbin/jquery-backstretch/blob/fcb8ee843b4d88a5081668ec615afd6a57da8242/jquery.backstretch.js#L72

Answer 4

对我来说，jquery.backstretch.js插件中的跳转原因是通过更新插件代码解决的：

而不是（默认）

t.backstretch=function(i,e){return t("body").backstretch(i,e).data("backstretch")}

对我来说，当将后伸引到另一个容器时它起作用了：

t.backstretch=function(i,e){return t("#header").backstretch(i,e).data("backstretch")}....

此致 ventilator5000