>웹 프론트엔드 >JS 튜토리얼 >JQuery에서 $(document.ready) 이벤트가 발생합니다.

JQuery에서 $(document.ready) 이벤트가 발생합니다.

WBOY
WBOY원래의
2016-05-16 18:36:26858검색

페이지는 아마도 부분 보기와 같을 것입니다. 이 보기에는 검색에 바인딩된 작은 Javascript 조각이 포함되어 있으며 Jquery-ui 대화 상자에 포함되어 있습니다. 이는 HTML을 생성하는 ASP.net mvc에 문제가 되지 않습니다. HTML은 내 아이디어를 기반으로 생성되었지만 실제로 수행할 수 있는 방법이 없었으며 대화 상자 코드를 제거하고 검색 버튼이 정상적으로 되었습니다. 다이얼로그 코드를 확인해 보니,appendTo에 의해 발생된 것으로 나타났습니다.
실험을 해보니 코드는 다음과 같습니다.
코드

코드를 복사합니다 코드는 다음과 같습니다. :







< /div>

alert('a1')은 한 번만 실행되어야 하는데,appendTo 사용으로 인해 $(document) 사용 여부에 관계없이 두 번 실행됩니다. a1 div에서 준비가 완료되면 javascript가 두 번 실행됩니다. 첫 번째로 문서 로딩이 완료되고 두 번째로appendTo가 호출되었습니다. 먼저 다음과 같은 방법으로 변경되었습니다. 실패한.
코드



코드 복사 코드는 다음과 같습니다.




다음과 같이 변경하면 성공합니다.



코드 복사
코드는 다음과 같습니다. varloaded = false; (문서) .ready(function() { if (!loaded) {
alert('a1');
loaded = true;
}
}); 🎜>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.