のjQuery UIのタブが、私はjQueryのUIから、タブを使用して、簡単なHTML5フレンドリービデオ/フォトギャラリーを作るしようとしている

Question

http://www.lifeisartphoto.com/player/

jwplayer JavaScriptで動作していません。写真はタブ＃1に常に表示され、写真はそれぞれ次のタブに表示されます（3枚の写真がある場合、タブ＃2、タブ＃3、タブ＃4を使用しています）。各ビデオ/写真のサムネイルは、タブの下に表示され、タブ内をナビゲートします。

動画はすべてjwプレーヤーを使用していて、複数のプレーヤーを必要としない場合は出力しないため、それぞれのタブにあります。だから私はjavascriptを使ってjwplayerを変更して再生することをコントロールする各ビデオサムネイルにonclickを追加しました。

唯一の問題は、<a href="#tab-1" onclick="jwplayer-javascript">thumbnail</a>を使用しても動作していないようです。つまり、hrefがonclick javascriptを妨害しているようです。 訪問このページをギャラリーに：この問題を再現するには

写真のサムネイルのいずれかにhttp://www.lifeisartphoto.com/player/ 最初のビデオは（それが倍に遅くなることがあります）をロードします クリック 秒のビデオに戻る]をクリックします（ 2番目のサムネイル） - 最初のビデオを読み込みます！もう一度クリックすると、正しいビデオが読み込まれます。

私は、タブを変更して同時にいくつかのjwplayer javascriptを実行しようとしていると思います。ビデオを正しく読み込むための方法はありますか？

Answer 1

あなたのスクリプトはChromeで正常に動作するようです。 FF 5では、私はこの問題を再現することができました。

は、あなたがしようとしたがいる：

最新のjQueryライブラリを使用して

• または
• をjqueryish $（ '＃ノード'）中のonClickコードを入れて（クリック）。イベント？私が知っているすべてのthats申し訳

...