教你在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不能使用,好处是插件与框架间无干扰。

  1. 暂无评论

  1. 暂无 Trackback

return top