2011-07-07 41 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()事件中 - 結果相同。接下來我會嘗試手動強制事件發生! –