页面中的两个滚动 jquery 工具插件答案

【问题标题】：two scrolling jquery tools plugin in a page页面中的两个滚动 jquery 工具插件
【发布时间】：2023-03-23 21:51:01
【问题描述】：

我想在一个页面中同时使用这两个 jquery 工具插件：

和

但它们相互冲突。我的意思是当我滚动第一个时，第二个也滚动。

我该如何解决？

【问题讨论】：

【解决方案1】：

另一种可能的解决方案是命名不同的“下一个”、“上一个”按钮类。

例如：

jQuery(".scrollable").scrollable({ next: '.scrollableTwoNext', prev: '.scrollableTwoPrev', easing: 'custom',speed: 700 });

这对我没有帮助时有所帮助。

希望这对某人有所帮助

【讨论】：

【解决方案2】：

怎么用两个在flowplayer同一个站点

您唯一需要做的就是将所有代码放在一个 div 中，包括下一个和上一个按钮的部分，这就是您可以拥有的所有您想要的可滚动内容，并且使用 CSS 可以改变它的方式看起来。 :D

【讨论】：

【解决方案3】：

这将取决于插件的设计方式...如果它正在寻找具有唯一 ID 的元素（或者它只生成 1 个 ID），那么它将无法处理多个实例。

但是，如果您在 2 个地方使用它，但不止一次使用相同的 ID（无效），那么您将不得不进行更改。例如只需使用 2 个不同的 ID。

如果您可以添加一些示例代码，我们可以帮助调试它。

【讨论】：

【解决方案4】：

确保你没有为他们两个使用同一个类，我注意到他们在他们的例子中都使用了.scrollable。如果您发布您的代码，这将有助于回答。

根据您的代码可能起作用的示例。

$(".horScroll").scrollable({ circular: true }).navigator(".navi");

$(".easeScroll").scrollable({easing: 'custom', speed: 700, circular: true});

请注意，它们都被称为不同的东西。

【讨论】：