0

我正在尝试从事个人项目。www.blandydoes.co.uk

让我带你快速了解。我在该页面上安装了两个插件。一种叫做 jQuery Instagram...

https://github.com/potomak/jquery-instagram

...另一个称为动画响应网格...

http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/

安装时,两个插件都可以独立运行。

我所做的是试图合并它们

我已经启动了 jQuery Instagram 插件来生成图像的 UL 列表(ul.instagram),而不是它本来要做的 div。如果我自己创建一个类名为 instagram 的 UL,这可以正常工作。它生成列表,如果需要,我可以将其设置为网格。检查 Firebug 以查看正在生成的列表。

接下来我安装了 Responsive Grid 插件并创建了名为#ri-grid 的容器 div。

然后启动该插件以查找该 div 并旨在查找内部带有图像的 ul 列表 os 链接,删除图像并将该图像的 src 作为背景图像附加到链接。

正如演示所建议的那样,我再次使用链接标记包围的静态图像的 ul 列表运行该插件,它运行良好。

尽管 instagram 插件正在生成带有图像的链接的 ul 列表,但由于某种原因,响应式插件也没有将图像 src 附加到链接并删除该图像,而只是“隐藏”名单...

有人知道发生了什么冲突吗?

Firebug 控制台中没有任何内容表明存在错误。

如果您查看该页面,我创建了一个可以正常工作的静态图像列表,并且我还创建了一个单独的自动生成 instagram 列表。

www.blandydoes.co.uk

4

1 回答 1

0

我开始认为这可能永远无法解决。不过,我会继续努力。:-)

于 2013-01-17T15:04:35.300 回答