如何减小jQuery UI的大小?

时间:2014-01-14 18:28:29

标签: javascript jquery jquery-ui jquery-ui-autocomplete

嗨大家我从链接

下载了搜索框建议

Search box suggestion

其中包含此链接中的.js文件http://code.jquery.com/ui/1.10.3/jquery-ui.js

.js大小为426kb是个问题。 。无论如何,它里面的代码可以减少, 或者是他们对搜索框建议的任何简单编码。 。在jquery或javascript请帮助我们。

2 个答案:

答案 0 :(得分:5)

是的,只需使用minified版本:

http://code.jquery.com/ui/1.10.3/jquery-ui.min.js

这是223kb。或者,您可以点击http://jqueryui.com/download/并选择所需的元素来“滚动自己”。

答案 1 :(得分:3)

如果您正在使用bower,您也可以只选择所需的模块,并覆盖bower.json文件中的jquery默认值。 bower.json文件中的覆盖部分将是:

"overrides": {
  "jquery-ui": {
    "main": [
      "ui/core.js",
      "ui/widget.js",
      "ui/mouse.js",
      "ui/position.js",
      "ui/draggable.js",
      "ui/droppable.js",
      "themes/smoothness/jquery-ui.css"
    ]
  }
}

请注意,其他模块需要核心,小部件,鼠标和位置,因此应首先包含它们(并按顺序)。