본문 바로가기

jquery39

jQuery migrate 에러 : jQuery.fn.on() is deprecated jQuery.fn.on() is deprecated jQuery 버전 업그레이드 하는 도중 위와 같은 에러 발생 하지만 jquery 공식 문서에 .on() 을 검색해도 deprecated 되었단 말은 없다. migrate js 코드를 보니 bind 관련 에러로 확인. .bind() 를 .on()으로 수정하여 해결. 그럼 jQuery.fn.bind() is deprecated 라고 나와야 하는거 아닌가? 2021. 4. 27.
$.ajax 와 $.post $.post & $.get는 고수준으로 구현했다고 보면 되고, $.ajax 는 저수준이라고 보시면 됩니다. 수준이 낮은게 아니라 더 낮은 단계의 api를 사용할 수 있다고 보시면됩니다. $.post & $.get 는 $.ajax를 상속받았다고 생각하세요.. $.post()메서드는 HTTP POST 요청을 사용하여 서버에서 데이터를 요청합니다. Ajax 요청을 구성하는 키 / 값 쌍 세트입니다. url을 제외한 모든 속성은 선택 사항입니다. $ .ajaxSetup () 을 사용하여 모든 옵션에 대해 기본값을 설정할 수 있습니다. $.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType }); success 콜백 함수는.. 2020. 8. 13.
mouseenter animation + css z-index $(document).ready(function(){ $("#introWrap a").each(function(){ $(this).on("mouseenter", function() { $(this).css("z-index","2"); $(this).stop(true).animate({width:"100%"}, 500); }).on("mouseleave", function() { $(this).stop(true).animate({width:"50%"}, 500) .queue(function(){ $(this).css("z-index","1") }); }) }); }) 2020. 6. 25.
checkbox 전체 선택 / 개별 해제시 전체 해제 $("input[type=checkbox]").on('click', function(){ if($(this).attr("name") === "inputForAll"){ //전체선택 클릭시 if($(this).prop("checked")){ $(this).closest(".band-wrap").find("input[type=checkbox]").prop("checked",true); }else{ $(this).closest(".band-wrap").find("input[type=checkbox]").prop("checked",false); } } else{ //개별 체크박스 클릭시 $(this).closest(".band-wrap").find("input[name=inputForAll]").prop("ch.. 2020. 6. 17.
반응형 a 태그 href #로 바꾸고 pc에서는 link 걸기 if (window_width > 1200) { ... $(this).find(".menu_top").not(".view1200").show(); }else{ $(".nav .nav_m .menu").each(function(){ $(this).find(".menu_top").clone().addClass("view1200").prependTo($(this)).attr("href","#"); $(this).find(".menu_top").not(".view1200").hide(); }); } //.menu_top 하나 더 생성한 후 href를 #로 변경하고 기존 .menu_top은 숨김 //.view1200 은 css를 통해 1200 이상일 때 display:none; 2020. 6. 11.
[bxslider.js] li가 1개일 때 selector 제거 nextSelector: (index_fac_li.length > 1) ? '#next1' : false, prevSelector: (index_fac_li.length > 1) ? '#prev1' : false, 2020. 6. 3.
append로 추가한 요소에 function 넣기 $("#mheader .gnbBtn").click(function(){ $('#mainWrap').append(''); }); $(document).on('click', 'div.overlayNew', function(){ $("html, body").css({"height" : "auto", "overflow" : "auto"}); $("#mgnbMenu").animate({left:'100%'}); $('div.overlayNew').fadeOut(300); setTimeout(function() { $('div.overlayNew').remove(); }, 400); }); 2020. 5. 25.
[fullpage.js] 반응형 width 이하에서 깨기 $("#fullpage").fullpage({ responsiveWidth: 1025, 1025 미만에서 fullpage가 깨진다. 2020. 4. 15.
[bxslider.js] nodata 일 때 maxslide 1 if($(".mainMenu .slider li").length > 0){ $(".mainMenu .slider").bxSlider({ auto: false, pager: true, controls: false, minSlides: 1, maxSlides: 3, moveSlides: 1, slideWidth: 376, slideMargin: 36, infiniteLoop: false, shrinkItems: true, touchEnabled : (navigator.maxTouchPoints > 0) }); }else { $(".mainMenu .slider").bxSlider({ auto: false, pager: true, controls: false, minSlides: 1, maxSlides: 1,.. 2020. 4. 10.

티스토리툴바