Jquery backstretch 对 div 不起作用，除了 body 元素答案

【问题标题】：Jquery backstretch doesn't work on div except for the body elementJquery backstretch 对 div 不起作用，除了 body 元素
【发布时间】：2016-03-05 11:28:11
【问题描述】：

我已经看到很多关于这个话题没有明确的答案。 Jquery backstrech 是否支持 DIV 元素内的声明。

这行得通

$.backstretch(imgSrcPath); // attaching to the body element ?

但在 DIV 元素中声明，不起作用。

$("#content").backstretch(imgSrcPath); // by id element
or
$(".Content").backstretch(imgSrcPath); // by class name

一个DIV“内容”定义在html页面的body元素内

<div id="content" class="Content"/></div>

Jquery 组件在 HTML 页面中定义如下

shopping.js 脚本。请注意，imgsrc 包含服务器端单个图像的路径。提醒一下，这在 body 元素 $.backstrech 上定义时有效......而不是我的例子 $("#content")

    $(document).ready(function() { 

......
            $.backstretch(imgsrc});

.....

    });

有人能说明一下吗？

提前致谢

【问题讨论】：

标签： jquery html element

【解决方案1】：

假设你指的是Backstretch，jQuery 插件，它允许你

[...] 向任何页面或元素添加动态调整大小、支持幻灯片放映的背景图像。

为元素添加后伸的演示如下所示：

$("#demo").backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");

所以是的，它应该可以工作。为什么它不适合你，很难知道，你必须包含更多代码来演示这个问题。

在您对您的问题进行编辑后，我制作了一个代码笔，它工作正常：http://codepen.io/anon/pen/PNPdWq

您的 document.ready-function 中有一个明显的拼写错误，删除 } 就可以了。

【讨论】：