javascript - javascriptを使用したキャンバスの配置

Question

キャンバス要素に2つの矢印を描画し、画面の左右の高さの中央に配置しようとしています。ここでフィドル：http：//jsfiddle.net/Wzt5j/9/

これを試しているサイト（http://bit.ly/JV5I0Z）では、画像は描画されますが、ウィンドウのサイズを変更しても「placeArrows」関数が呼び出されません。フィドルウィンドウでは、それらは描画されておらず、何が問題なのかわかりません。

Answer 1

サイズ変更中にJSエラーが発生します。thumdList（150行目）とmarginDiv（156行目）はnullです。

これにより、スクリプトが停止します。

Answer 2

フィドルが機能しない理由は、JSFiddleが愚かだからです。定義する関数はラッパー関数内でのみ定義されるため、他の人がアクセスすることはできません。関数をとして宣言することにより、お尻のこの痛みを解決しますmyfunction = function() {...}。

サイズ変更の失敗については、をリッスンするコードが表示されませんonresize。これを追加します：window.onresize = placeArrows;。