除了body元素之外,Jquery backstretch对div不起作用

时间:2016-03-05 11:28:11

标签: jquery html element

我在这个话题上看到了很多关于mais的答案。 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“content”在body元素

中的html页面中定义
<div id="content" class="Content"/></div>

Jquery组件在HTML页面中定义为下面的

shopping.js脚本。请注意,imgsrc包含服务器端单个映像的路径。对于remider,这在body元素$ .backstrech上定义...而不是我的例如$(“#content”)

    $(document).ready(function() { 

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

.....

    });

任何人都可以说明这一点吗?

提前致谢

1 个答案:

答案 0 :(得分:0)

假设您指的是jQuery插件Backstretch,它允许您

  

[...]为任何页面或元素添加动态调整大小,可幻灯片显示的背景图像。

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

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

是的,它应该有效。为什么它不适合你,很难知道,你必须包含更多代码来证明这个问题。

我根据您对您的问题的修改制作了一个codepen,并且工作正常:http://codepen.io/anon/pen/PNPdWq

你的document.ready-function中有一个明显的拼写错误,删除}你应该很高兴。