JQuery

概观

JQuery是最流行的一个JavaScript工具库,存在者数量众多的JQuery插件和应用程序y。 可选的skylark-jquery库基于skylarkjs/query模块,提供与一个完全与jquery兼容的API,并且代码更简单更高效。

JQuery插件和应用程序可以直接skylarkjs上运行,而不需要原始的jquery库。

安装

使用skylark-jquery,有两个方法:直接使用cdn,或使用bower或npm将库复制到项目的lib文件夹。

另外,您还需要在slax-config.json文件中配置使用skylark-jquery库。

使用cdn :

....
    "runtime" : {
      "skylarkjs" : {
        "version" : "0.9.3"
      },
      "paths": {
        "jquery" : "http://registry.skylarkjs.org/packages/skylark-jquery/v0.9.3/uncompressed/skylark-jquery"
      }
    },
....

使用lib副本:

....
    "runtime" : {
      "skylarkjs" : {
        "version" : "0.9.3"
      },
      "paths": {
        "jquery" : "./lib/skylark-jquery/uncompressed/skylark-jquery"
      }
    },
....

用法

使用skylark-jquery

方法与使用原始的jquery完全相同。

define(["jquery"],function($) {
  $(".btn").button();
});

集成已有的jQuery插件

以使用bootstrap为例, 配置如下::

....
    "runtime" : {
      "skylarkjs" : {
        "version" : "0.9.3"
      },
      "shim": {
          "bootstrap": {
              "deps": ["jquery"],
              "exports": "bootstrap"
          }
      },
      "paths": {
        "jquery" : "./lib/skylark-jquery/uncompressed/skylark-jquery",
        "bootstrap" : "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min",
      }
    },
....