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

发布于 2024-10-20 22:20:38 字数 420 浏览 8 评论 0原文

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

http://flowplayer .org/tools/demos/scrollable/site-navigation.html

http: //flowplayer.org/tools/demos/scrollable/easing.html

但它们彼此冲突。我的意思是当我滚动第一个时,第二个也会滚动。

我该如何解决它?

i want to use both of these jquery tools plugin in a page:

http://flowplayer.org/tools/demos/scrollable/site-navigation.html

and

http://flowplayer.org/tools/demos/scrollable/easing.html

but they conflict with each other.i mean when i scroll through the first one the second one also scroll.

how can i solve it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

淡淡離愁欲言轉身 2024-10-27 22:20:38

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

例如:

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

当放置没有时,这对我有帮助。

希望这对某人有帮助

Another possible solution is naming different "next", "prev" button classes.

for instance:

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

This helped me when puting didn't.

Hope this helps someone

千秋岁 2024-10-27 22:20:38

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

http://flowplayer.org/tools/scrollable/#功能

您唯一需要做的就是将所有代码放在 div 中,包括下一个和上一个按钮的部分,这就是您可以拥有的所有可滚动项,并且可以使用 CSS 进行更改看起来怎么样。 :D

how to use two is in the same site of flowplayer

http://flowplayer.org/tools/scrollable/#features

the only thing that you need to do is put all the code in a div include in that the part of the next and prev button and that is all you can have alla the scrollable that you want and with CSS can change how it looks. :D

你在看孤独的风景 2024-10-27 22:20:38

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

但是,如果您在 2 个地方使用它,但多次使用相同的 ID(无效),则您必须进行更改。例如,只需使用 2 个不同的 ID。

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

This will depend on how the plugin was designed... if it is looking for an element with a unique ID (or it generates only 1 ID) then it won't handle multiple instances.

However if you are using it in 2 places, but using the same ID's more than once (invalid), that is something you will have to change. e.g. Just use 2 different ID's.

If you can add some sample code, we can help debug it.

寻梦旅人 2024-10-27 22:20:38

确保您没有为它们使用相同的类,我注意到它们在示例中都使用 .scrollable 。如果您发布代码,它将有助于回答。

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

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

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

请注意,它们的名称不同。

Make sure you aren't using the same class for both of them, I notice they both use .scrollable in their examples. If you post your code it would help in answering though.

Example of what might work depending on your code.

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

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

Notice they both are called something different.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文