单击页面元素时如何在轮播加载中制作幻灯片?

时间:2015-04-09 15:18:41

标签: jquery owl-carousel

我有一些使用a jQuery plugin构建的锦标赛括号。

这个插件创建了一堆分层树,基本上是显示播放器和匹配数据的div。在页面顶部,我使用猫头鹰轮播加载这些比赛的视频。我想要做的是在页面中有这种行为:

点击括号中的匹配=>相关视频已加载到轮播中。

点击每个匹配后,我设法在括号上方的某个区域创建链接。这些链接是可点击的,他们确实得到了这种行为。

但是,接下来我想要的是让这个行为不可见,这样当您从括号中单击一个div时,会在Owl轮播中加载特定视频,而不会创建任何可见的链接。请注意,猫头鹰轮播使用视频的方式是使用一些回调和URL数据哈希,因此看起来插件需要在页面中创建或显示一些链接以便轮播提供相关内容。您可以在这个小提琴中看到它是如何工作的:http://jsfiddle.net/EwFMn/9/

我到目前为止尝试过(我已经尝试过此问题中列出的所有方法,否则)是使用window.location,但这会在浏览器中打开一个新标签,我不会#39; t想要。所以,我猜TLDR的问题是:

如何在点击页面中的某个元素后点击一个jQuery创建不可见的链接,而无需在浏览器中打开新标签?

(我会发布一个小提琴,但是有很多代码和库被加载,它可能会阻止任何人看一看。所以只考虑一般的jQuery问题。)

0 个答案:

没有答案