【问题标题】：Can't install jQuery Plugin无法安装 jQuery 插件
【发布时间】：2014-02-12 19:40:22
【问题描述】：

我想安装图库，而不是使用 Flash，我希望使用 this jQuery 插件。我不知道如何安装和使用它，因为它是作为 .zip 存档分发的，里面有两个 .js 文件，根本没有索引文件或 .css。

Here's插件功能演示，我想实现。

【问题讨论】：

为什么不查看演示的页面源代码？这将为您提供 HTML 标记和任何 CSS 的链接
我认为您正在考虑像带有安装 GUI 的传统计算机软件之类的插件等等。它连接了适当的脚本并执行（初始化）正确的对象。欢迎来到 OOP。下沉或游泳时间！ :)
我做到了，但仍然在那里试图理解它:)
@DrydenLong 该项目缺乏真正的基本文档

标签： javascript jquery css plugins gallery

【解决方案1】：

$("#container").gridalicious({
  animate: true,
  animationOptions: {
    queue: true,
    speed: 200,
    duration: 300,
    effect: 'fadeInOnAppear',
    complete: onComplete
  }
});

根据源代码...

CSS是在JS本身设置的，不需要外部样式表。

如果您向下滚动http://suprb.com/apps/gridalicious/，您将看到如何初始化它。它似乎只是 divs 的集合，其中类 item 在初始化容器内。例如 <div id="container">。

更新：

<!doctype html5>
<html>
<head>
  <title>Test of plugin</title>
  <script type="text/javascript" src="path/to/jquery-latest.min.js"></script>
  <script type="text/javascript" src="jquery.grid-a-licious.min.js"></script>
</head>
<body>

  <div id="container">
    <!--I assume it asks for divs with the "item" class, but it may be added automatically.-->
  </div>

  <script type="text/javascript>
    //The initialize code printed above. Has parameters (read:options) you can tweak.
  </script>
</body>
</html>

【讨论】：

抱歉，我是这方面的新手，并且知道可能过早地进入了复杂的编码部分。我仍然不确定您将如何在 Dreamwever 中应用它，我是否只是链接到 js 文件，例如：因为在我之前安装的插件中它会是这样的：链接到 CDN 然后链接到 js和 stye 表，然后是放置图像的 div 标签。而且我好像没有找到你说的 div 标签，抱歉。
假设这些文件与您尝试执行它们的文件位于同一目录中（即index.html）。您还需要在插件之前加载 jQuery，因为它们依赖于它。
P.S. - 你不需要两者 - 后者是代码的缩小（阅读：生产）版本。它们的作用相同，只是一个更小以缩短加载时间，另一个是人类可读的。
@user3303253 刚刚看到关于找不到<div> 标记的评论 - 一个有价值的资源是 Firefox 的 HTML 和 CSS 开发工具，我推荐使用 Firebug 来调试 javascript。如果你使用检查器工具，你可以在源代码中看到发生了什么。
谢谢你试试，搞清楚