layui轮播图加载无效果

#我在使用layui的图片轮播时遇到了一个问题。图片没有显示出来，

效果是这样的

img


代码反反复复对了几遍也没发现什么异常

img


下面是js代码

img

img

图片地址不对

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7693110
  • 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：模块化开发，如何将公用方法放到一个 js 文件中，然后其他页面按需引用？
  • 除此之外, 这篇博客: layui使用经验总结（三）——数据表格的使用及其要注意的细节中的 接触表格第一步了解其js代码 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
    1. 在页面放置一个元素 <table id="demo"></table>，然后通过 table.render() 方法指定该容器。
    2. table.render()中元素作用。

    表id：elem ，需与页面table中id值元素相同。

    elem: '#demo',

    路径：url ， 表格获取数据的路径，路径返回的格式要求在下面

    url: '${base}/userList.json',

    自定义返回分页参数：requset + pageName+ limitName
    默认为 page，limit。

    request:{
			pageName:'pageNo',
			limitName:'lows'
		},

    最小宽度：cellMinWidth

    cellMinWidth:120,

    附加搜索条件：where 通过函数可以给where中参数赋值，下面有介绍

    where:{filters::null}, //附件搜索条件

    默认多少条/页：limit

    limit:30,

    可选条数：limits

    limits:[50,100,500,1000,2000],

    行高度设置：height

    height: 'full-160',

    是否分页：page

    page:true,

    工具栏：toolbar 其中自带简单的筛选、导出、打印功能

    toolbar: true,
defaultToolbar:['filter','exports'],

    可以自定义

    toolbar: '<div><button class="layui-btn layui-btn-success layui-btn-sm" lay-event="allaudit">批量办理</button></div>',

    table.on('toolbar(test)', function(obj){
	  	var checkStatus = table.checkStatus(obj.config.id);
	  	switch(obj.event){
			case 'allaudit':
				var data= table.checkStatus('handList').data;
				if(data.length>0){ 
			$.each(data,function(index,item){
				categoryType=item.PROCESS_DEFINITION_KEY;
				if(index==data.length-1){
					ids+=item.BUSINESS_ID;
				}else{
					ids+=item.BUSINESS_ID+",";
				}
			});
			break;

    表格返回函数：done 这里res可以得到表格所有数据，可以渲染页面其他位置内容，如总数等。

    done: function(res, curr, count){
			element.render('nav');
			$("#count").html(res.count);
		},

    表头：cols

      ,cols: [[ //表头
  		{type:'checkbox',width:40},
		{type:'numbers',title:'序号',width:60},
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '用户名', width:80}
      ,{field: 'sex', title: '性别', width:80, sort: true}
    ]]
  • 您还可以看一下 程张浩老师的原生JS扫雷游戏实战开发课程中的 初始化扫雷页面和放置地雷小节, 巩固相关知识点
  • 以下回答来自chatgpt:

    代码中并没有相关的layui轮播图加载部分，因此无法判断问题所在。请提供相关代码再进行分析解决。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^