jquery function problem

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') .load를 submit() 핸들러 외부로 이동하거나 .unbind ('load') .load (... 각 submit()에 대해 다르게 동작해야하는 경우

Answer 2

내 생각 엔 당신이 각 부하 한번 아마도 다음 더 JS 실행되고 있는지입니다 양식 전송 이벤트에 더 많은 기능을 추가하고 있습니다. 나는 가능한 한 많은 코드를 원한다.