教你在Seajs中如何使用Jquery和Jquery的插件
最近了解到seajs的模块化js开发不错,拿来一看,呵呵,傻眼了。seajs做原生javascript开发还不错,就是像我这样的jquery控木有办法了。在细心翻阅了seajs官方文档后发现,原来seajs提供有配置jquery的方法,于是乎博主就开始照着文档开始配置,结果是文件下载下来了,但是全部报错,咋个回事呢???代码如下:
seajs.config({ plugins: ['shim'], alias: { 'jquery': { src: './lib/jquery.1.8.2.min.js', exports:'jQuery' }, 'jquery.ui.core': { src: './lib/jquery.ui/jquery.ui.core.min.js', deps: ['jquery'] } } });
看起来不应该是这里的问题,完全按照官方文档写的啊! 纠结了半天查阅了无数资料后,终于发现另一种在seajs中使用jquery和jquery插件的方法:
var $ = require('jquery'); require('./lib/jquery.ui/jquery.ui.core.min')($);
这个方法必须将所有的jquery和插件重新封装一次
define(function(require,exports,moudles){ return function(jQuery){ (function(){/*code*/})(jQuery); } })
这下就完美解决了,不过这种方法加载的jquery和插件只能在这个文件内部使用,相当于局部变量,页面和其他无依赖的js不能使用,好处是插件与框架间无干扰。
暂无评论