jQuery UI 选项卡不适用于 jwplayer javascript答案

【问题标题】：jQuery UI tabs not working with jwplayer javascriptjQuery UI 选项卡不适用于 jwplayer javascript
【发布时间】：2011-07-07 18:06:06
【问题描述】：

我正在尝试制作一个简单的 html5 友好型视频/照片库，它使用 jQuery UI 中的选项卡。视频始终显示在 Tab#1 中，而照片则分别显示在后续选项卡中（如果有 3 张照片，则使用 Tab#2、Tab#3 和 Tab#4）。每个视频/照片的缩略图显示在选项卡下方并控制在它们之间导航。

视频都在他们自己的标签中，因为我使用的是 jw 播放器，并且不想在不必要的情况下输出多个播放器。所以我给每个视频缩略图添加了onclick，通过javascript控制改变和播放jwplayer。

唯一的问题是，使用 <a href="#tab-1" onclick="jwplayer-javascript">thumbnail</a> 似乎不起作用 - 就像 href 干扰了 onclick javascript。

复制此问题： 通过画廊访问此页面：http://www.lifeisartphoto.com/player/ 第一个视频将加载（有时可能很慢）单击任何照片缩略图单击返回到第二个视频（第二个缩略图） - 它会加载第一个视频！如果再次单击它，它将加载正确的视频。

我想我在更改选项卡并尝试同时运行一些 jwplayer javascript 时遇到问题 - 有没有办法让它工作，以便视频正确加载而只需选择一次？

【问题讨论】：

【解决方案1】：

您的脚本似乎在 Chrome 中运行良好。在 FF 5 中，我能够复制该问题。

你试过了吗：

抱歉，我知道的就这么多……

【讨论】：

有趣，我认为这让我走上了正确的道路——我没有意识到它在 Chrome 中工作。我认为这是一个时间问题 - 因为每次我单击包含它的选项卡时，播放器似乎都是从头开始加载的，所以我猜测播放器没有及时加载以使设置其新视频的 javascript 正常运行.我尝试使用最新的 jQuery 库并将 onclick 代码放入 .click() 事件中 - 结果相同。接下来我会尝试手动强制事情按顺序发生！