我试图将本地版本的jquery和jquery-modal(https://jquerymodal.com/)添加到我的窗口小部件和窗口小部件中,因为它将仅在窗口小部件中使用。
我试图在我的小部件根文件夹(widget.js / html所在的位置)中创建一个名为“ extraLibs”的文件夹,并在代码的define([])和function()部分的widget.js中对其进行引用,但是我这样做不正确,因为它返回“未定义jQuery”错误,因此我认为问题出在我如何在“ extraLibs”文件夹中声明.js文件。
然后,我转到https://jquerymodal.com/并获取CDN链接,并下载了两个.js文件,将它们重命名为jQuery.js和jQueryModal.js并将它们放置在“ extraLibs”文件夹中。
然后我以这种方式声明它们:
define([... './extraLibs/jQuery', './extraLibs/jQueryModal'],
function(... jQuery, jQueryModal){
//code goes here
});
单击打开的小部件后,它在控制台中返回“未定义jQuery”错误。
我已经尝试过根据这个线程没有运气。
将外部库添加到小部件的正确方法是什么?
通过执行以下操作,我能够在小部件级别成功加载jQuery:
define([... 'jimu/loaderplugins/jquery-loader!https://code.jquery.com/jquery-3.4.1.min.js'],
function(...){
//code goes here
});
至于jquery-modal模块,我通过将其代码移到了PostCreate函数中,将其直接嵌入到widget.js中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句