Bootstrap 4 Card滑块和Half滑块具有相同的导航

Question

每当我在“卡片”滑块上导航时，我的一半滑块（独立的轮播）也会移动。但是有趣的是，它不会反过来发生。当我导航一半滑块时，“我的卡片”滑块不会移动。我认为这与Javascript有关，但我不知道如何在类中将它们分开，因此它们分开工作，因为Half滑块具有单独的导航代码。

1. 附带的代码是，我只是将我的html代码的一部分放入了一半滑块和卡片滑块以及我认为引起问题的javascript。 Half Slider.html

   Card Slider.html

   JScript.js

Answer 1

在JavaScript中，您的jQuery click事件处理程序会触发一个函数，该函数针对两个滑块中都存在的带有“轮播”类的任何元素。

您的半滑条之所以没有做同样的事情，是因为它使用数据滑条而不是jQuery click事件（针对“ next”和“ previous”类）。