关于Web应用引入第三方js的问题，一直报undefined

glrivel · 发表于 2016-12-10 21:56:01

各位大神，小弟在wex5开发的一个纯web项目中，需要引用第三方的js，clipboard.js，按照论坛上的方式引用了js文件，但是调用该js中的类时，出现undefined错误。但同样的代码，在普通html中运行完全正常。
html正常运行代码：
<html>
<head>
      <script src="clipboard.min.js"></script>
</head>
<body>
      <script>new Clipboard('.hyperlinkbtn');</script>
      <input id="clipboard" value="12121" />
      <button class="hyperlinkbtn" data-clipboard-target="#clipboard"></button>
</body>
</html>
Wex5出现错误详细js代码如下：
define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
require("$UI/test/clipboard.min");//<==============加载js
var Model = function(){
this.callParent();
};
Model.prototype.modelModelConstructDone = function(event){
new Clipboard('.hlbtn');//<=================出错语句
};
return Model;
});
捕获.JPG

请教解决办法！不胜感激！

liangyongfei · 发表于 2016-12-12 10:12:36

clipboard.js 是否符合AMD 规范？？
建议找一个符合AMD 规范的类库引入！

require([path], function(){
fnOfNoneAMD2();
});

复制代码

这样引入试试行吗？

glrivel · 发表于 2016-12-12 20:31:11

liangyongfei 发表于 2016-12-12 10:12
clipboard.js 是否符合AMD 规范？？
建议找一个符合AMD 规范的类库引入！

这样也不行，还是报Clipboard is not defined。

liangyongfei · 发表于 2016-12-13 09:33:34

glrivel 发表于 2016-12-12 20:31
这样也不行，还是报Clipboard is not defined。

请问  clipboard.js 是否符合amd规范
还有这个js中不要有  直接操作dom节点的方法！
http://doc.wex5.com/js-module-01/

如果符合amd规范，就需要将require 的js赋值给一个变量，通过  new 变量.Clipboard() 获取对象！

如果不符合amd规范，请看它的源码Clipboard 最终赋值给了谁？？只有window对象才可以直接调用new Clipboard

表示 new window.Clipboard

如果没有赋值给window对象就不能这样调用！

		自动登录	找回密码
密码			注册

[处理中3] 关于Web应用引入第三方js的问题，一直报undefined