【jQuery】$(セレクタ).off().on("load", function() {　となっている理由は？

現在iframeを使った画像アップロード機能を作成しています。

を参考にして作成することができました。

ただこのサイトの「3. iframeで受け取ったJSONの文字列をJSON.parse()で連想配列に変換」のところで

javascript
1$(".hideIframe").off().on("load", function() {

としていますが、これはなぜ$(".hideIframe").on("load", function() {ではなく、上記のように一度
.off()しているのでしょうか？

もしわかる方がいればよろしくお願い致します。

行動規範の内容に同意します

回答2件

参考サイトのそのまた参考サイトの該当部分には以下のようなコメントがあります。

javascript
1// submitされた時点で、loadイベントをbind
2$iframe.unbind().bind('load', function() {

しかし説明文には・・・

例によって横着jQueryです。イベントのbind周りが適当ですがサンプルなのでご愛敬していただけると。

と、あります・・・
該当記事のコメント欄で質問されてみたらどうでしょうか。

投稿2016/05/29 14:04

munyagu

総合スコア479

ベストアンサー

$(".hideIframe")はsubmit毎になかのDOMが変わるため、submit以前の設定を削除して新たにセットしているのです。
前のものがあるとどう困るかというと、まず、処理するべき以前のjQueryオブジェクトが消えています。不具合の原因になりそうです。
次に何重にもイベントが設定されているため、処理が多くなります。リソースを多く使うし、レスポンスも悪くなりそうです。

投稿2016/05/29 07:28