Jquery 如何使用引导转盘显示下一张幻灯片？

我已经检查了我的旋转木马图像属性，如果它们未定义或为空，然后显示下一张幻灯片，但我有一个小错误，我无法修复它，所以我需要一些帮助

我想告诉你我的情况：

如果我的

大数据

为空或未定义，则在桌面（大屏幕）上 然后放映下一张幻灯片

如果我的

数据媒体为空或未定义，则在平板电脑（中屏幕）上
然后放映下一张幻灯片

在移动设备（小屏幕）上，如果我的
小数据
为空或未定义，则
放映下一张幻灯片

并使用旋转木马的“下一步/上一步”按钮检查属性

我试着这样做，但它不能正常工作

所以我猜我的
controlImages（）
函数的编码不正确


！职能（e）{
e、 fn.成像仪=功能（a）{
函数i（e，i，r，u，n）{
$mediaQuery=980）{
如果（ElDesktop==“”| | ElDesktop==未定义）{
$（'myCarousel'）。carousel（'next'）；
}
}else if（$（窗口）.width（）<768）{
if（ElTablet==“”| | ElTablet==未定义）{
$（'myCarousel'）。carousel（'next'）；
}
}else if（$（窗口）.width（）<480）{
if（ElMobil==“”| | ElMobil==未定义）{
$（'myCarousel'）。carousel（'next'）；
}
}
}
$（窗口）.on（'load resize'，function（））{
控制图像（）；
});
});
});
img{
高度：300px！重要；
宽度：100%；
}
好吧，我的朋友，这花了一点时间，但我为你找到了答案：

幻灯片上有一个引导指示器（slided.bs.carousel），完成后有一个（slide.bs.carousel）。只需在末尾添加该脚本，它就会工作。另外，您正在选择（this），这是div，而不是具有该属性的图像。
现在您让它处理“加载”和“调整大小”，就是这样。每次图像改变时你都需要把它绑起来那么我需要改变什么呢？它应该如何成为我的代码？谢谢@Keithno有件事你不明白，如果你调整你将看到的窗口大小，我的图像可能会出现响应。我有多个图像，我想我需要处理每个功能，这个条件可能是错误的，因为如果我的窗口的结果小于980px（对于平板电脑）若我的数据媒体是空的或未定义的，那个么滑动下一张图片，若我的数据媒体不是空的呢？然后它也会显示下一个图像，因为您的条件是：如果数据太大，那么下一个为我的英语感到抱歉。我想大小调整部分不会，但在加载时，脚本可以工作，但如果您签出它，它就不能正常工作。例如，在平板电脑大小（860px）上打开此旋转木马：您将看到图像将为空，它不会显示下一张幻灯片，如果单击下一步按钮，它将在平板电脑上显示两次幻灯片
  $('#myCarousel').on('slid.bs.carousel', function(){
     var  ElDesktop = $(this).find('.active img').attr('data-large'),
          ElTablet = $(this).find('.active img').attr('data-medium'),
          ElMobil = $(this).find('.active img').attr('data-small');

     if(ElDesktop == '' || ElTablet == '' || ElMobil == ''){
       $('#myCarousel').carousel('next');
     }
  })