'Web story/Jquery' 카테고리의 글 목록

prop()이 change 이벤트를 발생하지 않을때

change() 이벤트는 유저 작용에 의해 발생 jquery로 처리할 경우 $(element).prop("checked", true).change(); or $(element).prop("checked", true).trigger('change'); 같이 체크

Web story/Jquery 2020.10.13

DATEDROPPER

http://felicegattuso.com/projects/datedropper/ input date 를 이쁘게 보여주는 플러그인닙니다아기자기하고 옵션지원도 괜찮네요나도 이런거 만들어보고 싶다..

Web story/Jquery 2015.04.20

hash를 이용한 부드러운 스크롤 이동

hash를 이용한 부드러운 스크롤 이동 $("#gnb .nav li li a[href^='#']").on("click",function (e) { e.preventDefault(); var target = this.hash; var $target = $(target); $("html, body").stop().animate({ "scrollTop": $target.offset().top }, 300, "swing", function () { window.location.hash = target; }); });

Web story/Jquery 2015.04.10

팝업윈도우

$('.js_btn_k_heart').click(function (event) { event.preventDefault(); window.open($(this).attr("href"), "popupWindow", "width=500, height=640, left=100, top=100, scrollbars=no"); });

Web story/Jquery 2013.12.16

isotope

http://isotope.metafizzy.co/index.html

Web story/Jquery 2013.06.24

심플gnb

div id="main1" class="menu">1 2 3 4 5 6 내용1 내용2 내용3 내용4 내용5 내용6 $('.menu').click(function () {var idx = $(this).index();alert(idx);$(".view").hide();$(".view").eq(idx).show();});

Web story/Jquery 2013.06.24