我想在我的网站上使用 Masonry 创建一个视频库，但我遇到了困难。
我正在使用 Joomla 作为我的 CMS，并且已经有一个我使用的来自火箭主题的模板，但是在我的一个页面上，我希望有一个视频列表（我会更新）供人们观看。我想让它在视觉上吸引人，砖石引起了我的注意，但我不明白如何启动和运行它。
如果可以的话，Jquery 如何与 Joomla 一起工作？
【问题讨论】：
标签： jquery joomla jquery-masonry
masonry 插件可让您在容器内定义带有图像的网格。然后它使用 kd-tree 算法以最有效的方式对图像进行排序。该算法是众所周知的，例如图形磁盘空间使用情况，其中最大的文件在屏幕上获得最大的矩形。 kd-tree 也可以很好地添加一些空间信息。因此，如果您可以包含 masonry js 库并从数据库中动态选择视频并将其以 css 布局包装到 joomla 模板中，我看不出有任何问题。
【讨论】：
至于如何将 jquery 和 masonry 导入 Joomla 2.5，我只是这样做了，所以也许这个叙述会有所帮助。请原谅它是第一人称。
几周前我加载了 jquery，并在各个站点上使用它。但我需要在其中一个上使用砌体程序。我尝试了desandro masonry、freetile 和isotope，以及其他一些。虽然 jQuery 对我来说在 Joomla 中运行良好，但没有任何砌体程序可以正常工作，成功率为零。所以我制作了一个原始的 html 模板，加载了以上所有内容，发现它们在那里工作得很好，令我惊讶的是。受到鼓励，我回到 Joomla，安装了“jQuery Easy”插件并启用了它。它加载了所需的 jQuery，它确实处理了与命名空间的奇怪冲突，并防止重复实例。但是，我应该警告您，使用 jQuery Easy，此时不会加载 jQueryUI。对于当前版本的 1.9.2，您必须在插件设置中将“2”放入 subversion。我认为你不需要将这个用于砌体，但我还是把它放进去了，因为我还有其他的例程。
虽然 desandro masonry 和 isotope 在我的测试中都在 Joomla 中为我工作，但我已决定 Isotope 对我的目的来说是最可行的，所以我朝那个方向走。因此，我下载了该库并将其放入我的 Web 根目录的 /js 中。然后我将这些行插入到标题内的默认模板中：
（执行此操作时，请查看页面源代码，单击 jQuery、JQueryUI 和 Isotope 链接以确保它们确实存在，如图所示。）
然后我将“Flexi Custom Code”模块安装到 Joomla 中，并输入了这样的代码：
jQuery('#container').isotope();
我的图像列表只是一篇文章中 包含的一些 div。我使用“loadposition”将 Flexi 模块加载到文章中。您可以将 Isotope 加载到文章或模块中，这没有区别。
从那以后，我使我的初始化程序变得更加复杂，它仍然有效。对你来说，有很多关于 jsfiddle 的示例可供使用，但请务必将所有 '$(' 更改为 'jQuery('，否则这些例程会在 Joomla 中引起非常奇怪的冲突。
我不像 Stackoverflow 上其他真正了不起的人那样技术精湛，但我真诚地希望这个故事能有所帮助，并为你节省冒险花费我的所有时间，希望有人能添加进一步的解释。
【讨论】：