Jquery UI可拖动功能代码

时间:2015-11-27 11:54:15

标签: jquery jquery-ui

我的静态页面需要jQuery UI才能在线,所以我无法通过CDN直接添加jQuery UI。我只需要jQuery UI中的Draggable功能,所以有没有选项只在我的静态页面中添加jQuery UI的可拖动功能?

非常感谢提前

3 个答案:

答案 0 :(得分:1)

无需使用CDN,您可以随时在“静态”页面的同一位置提供文件。

许多内部网以这种方式工作,因此他们不会发出互联网请求。

  • 打开jquery-ui下载页面:http://jqueryui.com/download/
  • 选择所需的组件,单击下载
  • 将.zip文件解压缩到与“静态页面”相同的位置
  • 更新您的静态页面以包含来自同一文件夹(或子文件夹,如果您想要整洁)的.js和.css文件。

答案 1 :(得分:1)

是的,这是可能的。转到https://jqueryui.com/download/并选择您需要使用的组件,在本例中为“互动”下的“可拖动”选项。

然后单击下载按钮,解压缩内容,并将文件包含在与您所服务的网页相同的目录中。以与通常相同的方式将JS和CSS文件包含在HTML文档中。

答案 2 :(得分:0)

如果您不能或不想下载,只需下载您使用的库的一部分,您应该检查来自Google的Closure Compiler:https://developers.google.com/closure/compiler/?hl=en

你可以编译' Closure Compiler的多个文件。

使用ADVANCED_OPTIMIZATIONS,它会删除“死亡”。代码,这意味着您不会使用的代码,因此,如果您可以创建一个包含所有库代码和您自己的代码的大文件(例如,使用Browserify),则可以使用Closure Compiler大幅减少大小那个' build'文件。

然后您需要做的就是包括“构建”和“#39;文件在您的页面中。 当你只使用它的一些功能时,它对像jQuery这样的库特别有用。

你应该小心使用ADVANCED_OPTIMIZATIONS,因为它会选择' optmizes'你的代码修改它。所以你应该仔细阅读文档。