2011-07-07 42 views
0

http://www.lifeisartphoto.com/player/jQuery UI的标签不jwplayer的JavaScript

我试图让使用从jQuery UI选项卡一个简单的HTML5的友好视频/照片库的工作。视频始终显示在选项卡1中,而照片则分别显示在随后的选项卡中(如果有3张照片,则使用选项卡2,选项卡3和选项卡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中,我能够复制这个问题。

你试过:

  • 采用了最新的jQuery库或
  • 把代码的onClick在jqueryish $( '#节点')点击()。事件?

对不起这就是所有我知道...

+0

有趣的,我认为这使我在正确的轨道上 - 我不知道它在Chrome中工作。我认为这是一个时间问题 - 因为每次我点击包含它的选项卡时,玩家似乎都会从头开始加载,我猜测玩家没有及时加载用于设置其新视频以正常运行的javascript 。我尝试使用最新的jQuery库,并将onclick代码放入.click()事件中 - 结果相同。接下来我会尝试手动强制事件发生! –