使用requireJS导致引用文件加载不到的解决办法

近期项目中需要使用【复制到剪切板】的功能，故引入clipboard.min.js，完成该功能。

但在使用时发现，页面总是报错：clipboardJS is not defined。

查找资料发现，clipboard为全局变量，而被requireJS引入后就变成私有，类似于封装一样，故报错。

解决办法：提供一个公共的访问方法，赋值给window。代码如下：

1、在require.conf中添加路径：

　　　　var require_conf = {

　　　　　　paths:{

　　　　　　　　"jquery":$CONFIG.APP_PATH+"js/jquery",

　　　　　　　　"clipboard"::$CONFIG.APP_PATH+"js/clipboard"

2、在页面中使用：

　　　　require.config(require_conf);

　　　　require(['clipboard'],function(Clipboard){

　　　　　　window['Clipboard'] = Clipboard;//或者window.Clipboard = Clipboard

　　　　　　$('.btn').click(function(){

　　　　　　　　var clipboard = new Clipboard('.btn');

　　　　　　})

　　　　})

相关

标签