【问题标题】: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 刚刚看到关于找不到&lt;div&gt; 标记的评论 - 一个有价值的资源是 Firefox 的 HTML 和 CSS 开发工具,我推荐使用 Firebug 来调试 javascript。如果你使用检查器工具,你可以在源代码中看到发生了什么。
  • 谢谢你试试,搞清楚
猜你喜欢
  • 2018-12-18
  • 2011-10-12
  • 2015-04-27
  • 2010-10-18
  • 2018-02-10
  • 2018-01-21
  • 2014-05-05
  • 2016-08-25
  • 2013-06-24
相关资源
最近更新 更多