在div里面的Jquery backstretch？

我试图使用JQuery在div内部获得全屏背景图像。

我正在使用Backstretch插件 ，它工作正常，但它将图像绑定到body标签。

我想将这个应用到一个id为home_middle_bg的div，任何想法？

谢谢

Answer 1

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

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

同

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

Answer 2

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

  if($(settings.targetObject + ' #backstretch').length == 0) { $(settings.targetObject).append(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