当前位置:首页 > 未分类 > 正文内容

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

admin2年前 (2023-07-10)未分类734

近期项目中需要使用【复制到剪切板】的功能,故引入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');

      })

    })


原文地址:https://www.cnblogs.com/asa-/p/13637105.html。侵权联删。

扫描二维码推送至手机访问。

版权声明:本文由web开发技术分享发布,如需转载请注明出处。

本文链接:https://www.htmlcmf.cn/?id=5

分享给朋友:

相关文章

first-child 不起作用的原因

CSS3—first-child 不起作用的原因1、first-child、last-child、nth-child(n)、nth-child(2n)、nth-child(2n-1)、nth-child(odd)、nth-child(eve...

css隐藏滚动条

实现css隐藏滚动条有以下几种方式:1. 使用overflow属性:将父元素的overflow属性设置为hidden,这将隐藏滚动条,并且禁用滚动功能。例如:.parent {     o...

nginx 设置某个目录只允许访问指定后缀文件

server {        listen 80;        server_name your...

npm install卡在“sill idealTree buildDeps“问题的两种解决方法

当你尝试在 Vue 项目中执行 npm install 时,你可能会遇到一个问题:命令卡在"sill idealTree buildDeps"这一步,没有任何反应。这个问题的根源在于淘宝镜像源的域名过...

nginx 阻止指定user-agent

在 Nginx 中阻止特定的 user-agent 可以通过配置 Nginx 的 if 模块或者使用 map 模块来完成。但是,需要注意的是,从 Nginx 1.1.18 开始,官方文档推荐使用 map 模块来更高效地处理这类需求,因为它避...

HTML点击跳转对应应用(邮箱、手机、微信、QQ)

1、点击邮箱号跳转到邮箱应用 (已测试)<a href="mailto:support@xxx.com">邮箱:mailto:support@xxx.com</a>2、点击手机号跳转到拨...