项目中引入 steps.js ,应放在项目什么位置?

提问 已结 9 689
李可乐
李可乐 2020-1-13
悬赏:100飞吻
急!!项目中引入 steps.js,应该把他放在 layui 的 module 下吗?jsp中如何引用它?看到了好几种说法,运行都报错。希望大佬帮帮 layui 新手
回帖
  • 千鸟生
    2020-1-13
    直接layui.use(['jquery','step'], function(){ var $ = layui.jquery;var step = layui.step;})可以吗,不行的话试一下这种引入方法:假设js目录和layui目录处于同级layui.config({base : "js/"//你存放新模块的目录,注意,不是layui的模块目录}).extend({ step: 'step/step'//给扩展的模块起别名 假设模块整体文件夹为step,所需引入的js为step.js
    }).use(['jquery','step'], function(){ var $ = layui.jquery;var step = layui.step;})
    0 回复
  • c299
    2020-1-13
    吧你的steps.js包装成模块,跟其他引入是一样的,如果你只是想引入steps.js而已,可以在steps.js最后面加一段这个
    layui.define(function(exports){
    exports('mymod', {});
    });
    0 回复
  • 李可乐
    2020-1-13
    @c299 我想引用的是这位小哥的: https://fly.layui.com/jie/29491/ 。但是总是引用不对
    0 回复
  • c299
    2020-1-13
    先把steps.js放在一个地方
     layui.config({
    }).extend({
    steps: 'steps文件的路径',
    }).use(['steps'],function(){
    。。。。
    })
    0 回复
  • 李可乐
    2020-1-13
    我试了放在 layui 里面,放在和layui 同级的文件夹下,还是报我上图的错误[泪]
    0 回复
  • c299
    2020-1-13
    @李可乐 报错是steps.js 里的啊,说明加载进来了,不过文件里面报错了。steps is not a valid module 是因为文件报错,layui加载超过10秒了
    0 回复
  • 李可乐
    2020-1-13
    @c299 我发现是我路径写错了,少写了个s......。
    路径要加上base参数才行,不然是一片空白。
    //config的设置是全局的
    layui.config({
    base: '/res/js/' //假设这是你存放拓展模块的根目录
    }).extend({ //设定模块别名
    mymod: 'mymod' //如果 mymod.js 是在根目录,也可以不用设定别名
    });

    //使用拓展模块
    layui.use(['mymod'], function(){
    var mymod = layui.mymod
    mymod.hello('World!'); //弹出 Hello World!
    });
    0 回复
  • 李可乐
    2020-1-13
    @c299 你是对的,我发现也可以,只是路径要写到下一级....
    0 回复
  • layui.extend({
    mymod: 'mymod' //路径
    });
    或者
    layui.config({
    base: '/mymod/' //路径
    });
    这个路径就是你扩展放得位置随便放哪儿都可以 只要能引用到
    0 回复