jQuery技术:页面中有两个滚动的jquery工具插件

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

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

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

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

我怎么解决呢?

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

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

    另一种可能的解决方案是命名不同的“next”,“prev”按钮类。

    例如:

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

    当我没有时,这帮助了我。

    希望这有助于某人

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

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

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

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

    根据您的代码可能有效的示例。

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

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

      以上就是jQuery教程分享页面中有两个滚动的jquery工具插件相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547949.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐