제이쿼리 비동기 문제 해결

타임리프와 제이쿼리를 함께 사용할 때 발생하는 문제 중 하나는 제이쿼리 코드가 비동기로 추가되어 DOM이 완전히 로드되기 전에 실행될 수 있다는 것입니다. 이는 제이쿼리 코드가 실행되는 시점에 해당하는 HTML 요소가 아직 DOM에 없을 수 있기 때문에 이벤트 핸들러 등이 연결되지 않아 발생할 수 있습니다. 이를 해결하기 위해 몇 가지 접근 방법을 고려할 수 있습니다: 문서 로드 후 실행: 제이쿼리 코드를 HTML 문서가 완전히 로드된 후에 실행하도록 보장해야 합니다. 이를 위해 $(document).ready()나 $(function() {...})와 같은 방법을 사용할 수 있습니다. $(document).ready(function() { // 여기에 제이쿼리 코드 작성 }); 비동기 처리 이후에 실행..

• format_list_bulleted Front-End/JavaScript
• · 2024. 2. 21.
• textsms

[jQuery] 전체선택/선택해제 구현

전체선택 및 선택해제에 대한 코드를 작성해보도록 하겠습니다. 하나라도 체크해제되면 전체선택 체크도 해제되는 것까지 작성되었습니다. function allCheckFunc( obj ) { $("[name=checkOne]").prop("checked", $(obj).prop("checked") ); } /* 체크박스 체크시 전체선택 체크 여부 */ function oneCheckFunc( obj ) { var allObj = $("[name=checkAll]"); var objName = $(obj).attr("name"); if( $(obj).prop("checked") ) { checkBoxLength = $("[name="+ objName +"]").length; checkedLength = $("[..

• format_list_bulleted Front-End/JavaScript
• · 2023. 2. 4.
• textsms