【发布时间】：2013-01-01 03:25:41
【问题描述】：
我正在尝试从事个人项目。 www.blandydoes.co.uk
让我带你了解一下。我在该页面上安装了两个插件。一种叫做 jQuery Instagram...
https://github.com/potomak/jquery-instagram
...另一个叫Animated Responsive Grid...
http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/
两个插件在安装时都可以独立运行。
我所做的是尝试合并它们
我已经启动了 jQuery Instagram 插件来生成图像的 UL 列表 (ul.instagram)，而不是它本来应该做的 div。如果我自己创建一个类名为 instagram 的 UL，这可以正常工作。它生成列表，如果需要，我可以将其设置为网格。检查 Firebug 以查看正在生成的列表。
接下来我安装了响应式网格插件并创建了名为#ri-grid 的容器 div。
然后启动插件以查找该 div，旨在查找 ul 列表中包含图像的 os 链接，删除图像并将该图像的 src 作为背景图像附加到链接。
我再次运行该插件，其中包含由链接标签包围的静态图像的 ul 列表，正如演示所建议的那样，它运行良好。
但是
虽然 instagram 插件正在生成带有图像的链接列表，但由于某种原因，响应式插件也没有将图像 src 附加到链接并删除该图像，而是提供了图像的 src，而只是“隐藏”列表...
有人知道发生了什么冲突吗？
Firebug 控制台中没有任何内容表明存在错误。
如果您查看页面，我已经创建了一个可以正常工作的静态图像列表，并且我还创建了一个单独的自动生成 instagram 列表。
www.blandydoes.co.uk
【问题讨论】：
标签： jquery jquery-plugins merge responsive-design instagram