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", } }, ....