大家好,又见面了,我是全栈君。
直接上代码
w文件
<?xml version=”1.0″ encoding=”UTF-8″?
>
<div xmlns=”http://www.w3.org/1999/xhtml” xid=”window” class=”window” component=”UI/system/components/justep/button/button” class=”btn btn-default” onClick=”importInnerBtnClick”> <i xid=”i1″></i> <span xid=”span1″>载入UI2,符合AMD规范的文件</span> </a> <a component=”
JS文件
define(function(require){ var = require(“jquery”); var justep = require(“UI/system/lib/justep”); var Model = function(){ this.callParent(); }; Model.prototype.importInnerBtnClick=function(event){ //载入UI2下,符合AMD规范的文件 var path=”./AMD2″; require([path],function(m){ m.fnOfAMD2(); }); } Model.prototype.importOutterBtnClick=function(event){ var path=”http://localhost:8080/cn/wp-content/uploads/2015/04/outterAMD2.js” require([path],function(m){ m.fnOfOutterAMD2(); }) } return Model; });
须要引用的JS文件
define( function(require){ return{ fnOfAMD2:function(){ alert(“hello AMD2”); } }; });
程序中会出现两个button
引用外部js文件成功引用网络js文件失败
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/116569.html原文链接:https://javaforall.cn