javascript - 请教一下,在这样的项目里面,我想使用require加载一些jq插件,并且回调应该怎么办?(在线等大神)

 保定联通员工 发布于 2022-11-09 07:47



//首先我在页面的head部分引入了这三个js文件
//jq和bootstrap.js我没有做模块化引用时因为后端在拿到页面的时候可能会在页面底部再去添加一些js
//所以为了避免麻烦我是打算将项目中使用的一些jq插件去做模块化引用,争取做到有用到该插件功能的就在页面的底部写一段require(.....)这样方法加载进来

config.js配置如下

require.config({
   baseUrl:'./js',
   path:{
       jedate:"jedate",
       page:"jquery.twbsPagination.min",
       pub:"public"
   }
});
//因为这些插件都是基于jq的,但是我的jq却是通过头部的script标签引入进来的,所以是会存在全局变量$的,所以在config.js中并没有指定依赖关系

然后我在页面的底部写如下代码
require(['pub','page'],function(){
        alert('加载成功');
    });
但是页面就会报错(如下图1)
    是因为在页面底部写的这段js的问题,没有存在pub.js 和page.js(但是我明明在config.js中指定了pub就是public.js呀!,请大神解答!)

问题2:

require(['public','jedate'],function(){
        alert('加载成功')
        jeDate({
            dateCell:"#start-time",
            format:"YYYY年MM月DD日 hh:mm:ss",
            isinitVal:true,
            isTime:true, //isClear:false,
            minDate:"2014-09-19 00:00:00"
        });
        //结束时间
        jeDate({
            dateCell:"#end-time",
            format:"YYYY年MM月DD日 hh:mm:ss",
            isinitVal:true,
            isTime:true, //isClear:false,
            minDate:"2014-09-19 00:00:00"
        });
    });
    //这个require里的function(){},是加载成功的回调函数,那么按照我的思维在这个回调函数中再去调用这个jedate.js里面的方法就应该可以了,可事实并不是这样。报错(如下图2),显示jeDate没有定义,但是alert()却是正常运行

求教这是为什么?如果我的思维是错误的,那么我应该怎么做才可以满足我的需求
我的具体需求是这样:
1.我希望类似于时间日期选择,分页等插件可以按需引用(就是说在这个页面没有使用该功能的时候不使用,而在该页面使用该功能的时候通过require引入进来)
2.类似于时间选择,分页等控件,通常都会留下接口用来配置,去写回调函数类似于上面写开始时间结束时间的方式(而且必须写在页面上,不能分出去写在某一个js的外部文件中)
这样的话我应该怎么做,在线等大神解答问题

2 个回答
  • 问题2:在回调函数里形参写public,jedate,然后调用的时候写jedate.jeDate()才是调用这个函数

    2022-11-12 01:47 回答

  • 这个是404吧,你确定路径没错?

    2022-11-12 01:47 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有