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

Question

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

和

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

我该如何解决？

score 4 · Accepted Answer

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

例如：

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

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

希望这可以帮助某人

score 1 · Accepted Answer

如何使用两个在flowplayer的同一个站点

您唯一需要做的就是将所有代码放在一个 div 中，包括在 next 和 prev 按钮的部分中，这就是您可以拥有的所有您想要的可滚动并且使用 CSS 可以改变它的外观。:D

score 0 · Accepted Answer

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

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

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

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

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

score 0 · Accepted Answer

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

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

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

4 回答 4