Jquery 单击页面元素时,如何在旋转木马加载中制作幻灯片?

Jquery 单击页面元素时,如何在旋转木马加载中制作幻灯片?,jquery,owl-carousel,Jquery,Owl Carousel,我有一些比赛括号是用 这个插件创建了一组层次结构树,基本上是显示球员和比赛数据的div。在页面顶部,我使用了一个猫头鹰转盘来加载这些比赛的视频。我试图在页面中显示以下行为: 单击括号中的匹配=>将相关视频加载到旋转木马中 每次单击匹配后,我都设法在括号上方的某个区域创建链接。这些链接是可点击的,它们确实有这种行为 但是,我接下来要做的是使此行为不可见,这样当您从括号中单击一个div时,特定的视频将加载到Owl转盘中,而不会创建任何可见链接。请注意,Owl转盘处理视频的方式是使用一些回调和URL数

我有一些比赛括号是用

这个插件创建了一组层次结构树,基本上是显示球员和比赛数据的div。在页面顶部,我使用了一个猫头鹰转盘来加载这些比赛的视频。我试图在页面中显示以下行为:

单击括号中的匹配=>将相关视频加载到旋转木马中

每次单击匹配后,我都设法在括号上方的某个区域创建链接。这些链接是可点击的,它们确实有这种行为

但是,我接下来要做的是使此行为不可见,这样当您从括号中单击一个div时,特定的视频将加载到Owl转盘中,而不会创建任何可见链接。请注意,Owl转盘处理视频的方式是使用一些回调和URL数据散列,因此该插件似乎需要在页面中创建或显示一些链接,以便转盘提供相关内容。你可以在这把小提琴上看到它是如何工作的:

到目前为止,我一直在尝试这个问题上列出的所有方法,或者使用window.location,但这将在浏览器中打开一个新选项卡,我不希望这样做。因此,我想TLDR的问题是:

如何使用jQuery创建不可见的链接,这些链接在单击页面中的某个元素后被单击,而不在浏览器中打开新选项卡


我会发布一篇文章,但是有太多的代码和库被加载了,这可能会阻止任何人去看它。所以只考虑一般的jQuery问题。

为什么你不能使用插件API中可用的事件?你能详细阐述一下吗?我并不是说我对这些插件都很了解。括号插件只提供了两种行为:onhover和onclick,它们使匹配数据显示在括号顶部。我不知道还有其他内置工具。基本上,这项工作的困难在于使carousel插件与方括号一起工作,通过使用jQuery查找单击的匹配项,在同一区域快速创建链接,单击并销毁它。我认为这应该是可行的,因为Owl转盘需要链接才能使回调生效。