[jQuery] AJAX 사용 후 불러온 엘리먼트 이벤트 작동 안될때 클릭 이벤트로 똑같은 테이블의 행을 복사하거나 추가할 때, 불러온 엘리먼트는 클래스명이 똑같아도 클릭 이벤트가 작동하지 않을 때가 있다. 작동 안되는 소스 $('selector').click(function(){ 수정될 소스 $(document).on('click', 'selector', function(){ 이렇게 변경해주면 된다. JavaScript 2023.04.11
jQuery 페이지 이동 시 class 유지 클릭 시 addClass/removeClass로 클래스를 추가했다 제거했다 하면서 색상을 변경하는데 페이지 이동이 들어간 경우에는 페이지가 이동하면서 추가한 클래스가 없어져버리는 현상이 발생 간단하게 생각하면 홈페이지 메뉴도 페이지 이동이 되면서 메뉴의 색상이 그대로 유지되는거긴 하다 php에서 주소확인 후 class를 주는 방법도 있다고는 하나 아직 구현해보진 못했고 (많은 페이지 이동시에는 이 방법을 써야할 듯..?) 일단 스크립트로 했으니.. HTML active Active2 Active3 jQuery jQuery(function ($) { $("ul a").click(function(e) { var link = $(this); var item = link.parent("li"); if (it.. JavaScript 2023.04.11
removeClass/addClass 클릭 시 색 변경하기 - 다른 요소 선택 시, 이전 요소 색은 없어짐 - 선택한 요소에 색 넣기 소스 JavaScript / jQuery CSS .on_redcolor{color:red;} HTML 21 //클릭 시 변경된 소스 21 예시 21 선택시 24 선택시 JavaScript 2023.04.11
datepicker 오늘 날짜 이후 부터 활성화 datepicker에서 오늘 이전으로 지난 날짜는 비활성화 하고, 오늘 이후의 날짜만 활성화 시키고 싶을 때 소스코드 $(".datepicker").datepicker({ minDate:0; inline: ture, dateFormat: 'yy-mm-dd', showOn: "focus", show: "blind", showOptions: {direction: 'horizontal'}, duration: 200 }); minDate: 0 을 추가 * 오늘 날짜까지 비활성화 시킬 때 minDate:"+1d" * 오늘 날짜로부터 4일 이후까지 비활성화 시킬 때 minDate:"+4d" 적용화면 JavaScript 2023.04.11
[script] Chart.js 차트 사용 JavaScript Chart.js 차트 라이브러리 다양한 차트를 쉽게 사용할 수 있다. 예시 label =항목 명 data=차트에 표시될 숫자 [Chart] Chart.js 링크 https://www.chartjs.org/docs/latest/ 참고사이트 https://superad.tistory.com/632 JavaScript 2023.04.11
[JavaScript/jQuery] 날짜 차이 계산 시작일 - 종료일 입력 시 바로 차이 계산해 주는 것 한참 찾다가😭 jquery input value 실시간, input 값 받는 것 등등 검색해서 찾았다 요소에 onChange 값을 넣어주고, 시작일 : ~ 종료일 : jquery 입력부분 function call() { var sdd = document.getElementById("start").value; var edd = document.getElementById("end").value; var ar1 = sdd.split('-'); var ar2 = edd.split('-'); var da1 = new Date(ar1[0], ar1[1], ar1[2]); var da2 = new Date(ar2[0], ar2[1], ar2[2]); var.. JavaScript 2023.04.11