JQuery で、2回目のSubmitが重複で動作してしまう

ファイルをアップロードして、リストを動的に書き換えるとき、Ajaxで処理するために下記してたのですが、

$( '#importCsvFrom' ).submit(function(){
        $.ajax({
            success: function( response ){
               alert(response);
            }
        });
    return false;
    });

1回目にSubmitすると1回動作するのですが、 2回目のときには、2回動作、 3回目には、なんと4回動作するという事態が発生。
で、いろいろ調べたら、formに対して、.off() というのをしないといけないらしい。

以下のように$( '#importCsvFrom' ).off();を追加するとOKでした。

$( '#importCsvFrom' ).submit(function(){
        $( '#importCsvFrom' ).off();
        $.ajax({
            success: function( response ){
               alert(response);
            }
        });
    return false;
    });

参考になったサイトさん:http://manap.jpn.com/?p=1093

ありがとうごさいます!

0
  • このエントリーをはてなブックマークに追加