div裏面的jquery backstretch？

Question

我想使用JQuery在div內實現全屏幕背景圖像。

我使用Backstretch plugin，它工作正常，但它將圖像綁定到身體標記。

我正在尋找適用於div home_middle_bg，任何想法？

感謝

Answer 1

實際上圖像綁定到一個DIV和前置到身體：你可以手工修改它通過更換（插件線69）：與

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

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

Answer 2

如果你仍然想使用該插件，你需要在這裏修改（與你想要的東西取代「體」）：https://github.com/srobbin/jquery-backstretch/blob/fcb8ee843b4d88a5081668ec615afd6a57da8242/jquery.backstretch.js#L72

Answer 3

我添加了一個新的設置選項，如果未定義，默認爲body。所以從上面的建議看起來像這樣：

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

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")}.... 

Regards， ventilator5000