проблема с функцией jquery

Question

что не так с этим кодом, первый раз, когда я нажимаю кнопку отправки, он загружает iframe один раз, затем снова нажимая его, загружает iframe дважды. и так далее ..

Код: JS

$(function() {

$("form").submit(function() {
        //
    $("form").attr('target','myframe');
    $('#myframe').load( function(){             

            alert('Hello');
      });

  });

});

HTML:

<form id="form1" name="form1" target="myframe"><input type="submit"  value="form1"/></form>
<div id="div1"></div>
 <iframe id="myframe" name="myframe" src="mypage.php" style="width:100%;height:400px;border:1px solid #ccc;"></iframe>

Answer 1

вы добавляете новый обработчик события load каждый раз, когда отправляете - обработчики событий накапливаются ... поэтому переместите загрузку $ ('# myframe').. Вне обработчика submit () .. или выполните .unbind ( 'load'). load (... если он должен вести себя по-разному для каждого submit ()

Answer 2

Я предполагаю, что вы запускаете этот JS более одного раза, возможно, с каждой загрузкой, которая присоединяет больше функций к событию отправки формы. Я хотел бы больше кода, если это возможно.