layui 图片轮播动态拼接不显示图问题

最新推荐文章于 2022-07-14 14:31:06 发布

yuh_

最新推荐文章于 2022-07-14 14:31:06 发布

阅读量896

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/Eric970614/article/details/105734767

版权

@layui 图片轮播动态拼接不显示图问题

layui 图片轮播动态拼接不显示图问题

layui.use([‘carousel’], function(){
// 注册
var $ = layui.$,
carousel = layui.carousel;
var b = 1920/419;//我的图片比例
var W = $(window).width();
setTimeout(function () {
carousel.render({
elem: ‘#banner’,
arrow: ‘hover’,
width: ‘100%’,
height: (W/b).toString()+“px”,
indicator: ‘inside’
});
}, 1000);

动态拼接的数据需要再数据返回之后再渲染轮播，设置渲染轮播组件在一段时间之后执行解决了问题