Javascript 将网络摄像头插入光滑滑块

我正在使用Slick Slider使用模板生成一个动态表单，其中一个包含一个网络摄像头插件

一切正常，但例如，如果幻灯片4包含网络摄像头模板，则页面会在幻灯片0的一开始询问我是否要禁用或启用网络摄像头

例如，当我在幻灯片4（或5…）上时，这里有一种加载网络摄像头插件的方法？

我尝试使用JQuery方法.hasClass，但它不起作用：

if ($('div.slick-slide').hasClass('slick-active') == true) {
enableWebcam();}

---

尝试使用slick.js

onBeforeChange

事件在相关幻灯片处于活动状态时作出反应：

$('.your-slides-class').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  if (nextSlide == 3) {
    enableWebcam();
  }
});

请注意，幻灯片索引从0开始，因此“nextSlide==3”表示第四张幻灯片。

---

当然，你也应该把“.your slides类”替换为。。。启动滑块时使用的类或id

为了修复它，我做了如下操作：

当生成带有webcam插件（webcam.js）的模板时，我在幻灯片中添加了一个名为

webcamPlugin

的类

我添加了一个函数

afterChange

，以检查当前幻灯片的ID是否与带有网络摄像头的幻灯片的ID相同，因此

div.slick-active div.row

如果是，则启用网络摄像头插件

---

启用网络摄像头

看起来像什么？你使用哪个插件？如何使用？只有当时间是下午4点，并且你在地球上的正确位置，而且远处的天气还可以，我们才有很多方法来调用它们，但是我们需要看到更多的代码来帮助你。我使用webcam.js和

enableWebcam

来初始化插件（widht，height…）。我正在考虑在生成模板时，在幻灯片中添加一个类

网络摄像头

。然后，当我按下下一个箭头时，检查下一张幻灯片是否包含名为

webcam

的类，如果是，则启用webcam插件。您的代码根本没有反映这一想法，顺便说一句，这应该是可行的。是的，这就是问题所在，生成的webcam模板可以在幻灯片4上，就像在幻灯片1上一样。这就是为什么我不能使用修复if条件^^。所以现在，我正试图通过使用类名来检查下一张幻灯片是否包含网络摄像头，但实现起来相当困难。上传一个JSFIDLE和您的代码，我们将能够检查它