Language/jQuery

Language/jQuery
내비게이션 - 특정 위치 지나면 닫기
지난번에 작업 도중 문제가 되어 해결한다고 애먹었었는데, 1년전이라 기억이 나질 않아서 또 1시간이상 애먹었다.... 자주 쓰일 문제일 것같아 기록으로 남긴다. ○ 기존 동작방식 1. 버튼에 마우스를 올리면 하단에 내비 열림. 2. 내비에 마우스를 올리고, 마우스가 내비영역을 벗어나면 내비 닫힘. 여기서 문제는, 1번 동작 후 내비가 마우스에 올라가지 않고 다른 곳으로 가면, 내비 안닫힘. ● 그래서 아래처럼 해결. 1. 버튼, 내비영역 모두에 event를 걸어서 isNavShow 열릴지 닫힐지 변수로 체크한다. 2. 이때, setTimeout이 포인트인데, 0.05초안에 마우스가 버튼/내비영역에 올라가지 않으면, 내비는 닫힘.
→2021.01.29
Language/jQuery
[AJAX] jQuery ajax 사용 소스 (feat.php)
/** * 기능 : 리뷰 영상 데이터 가져오기 * 이름 : get_reviewmovie_data * param () [ * idx [integer], * mb_id [string] * ] * * result (json data) [ * idx [integer], * mb_id [string], * upload_date [datetime or date] * update_date [datetime or date] * subject [string] * content [string] * hash [string] * like_count [integer] * view_count [integer] * movie_url [string] * ] */ function get_reviewmovie_data(idx, mb_i..
→2021.01.26
Language/jQuery
[jQuery 플러그인] slick-slide 사용법
jQuery의 유명한 플러그인 중 하나인 slick slide 사용법이다. 본 사이트에 들어가도 영어로 돼있거나 상세한 설명이 없는 경우가 있어서 필요한 기능을 이 곳에 정리한다. kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io * 이벤트 헨들러 모음
→2021.01.25
Language/jQuery
애니메이션을 이용한 팝업창 띄우기
PC / 모바일을 고려한 애니메이션 팝업창. * 기능 => 상하좌우. 내가 정한 방향에서 팝업창이 날라와 중앙에 띄움. * 사용법 1. ani_popup() 함수만 호출하면 적용가능. 2. css추가 필수 (필수 css참고) 3. 더 자세한건 아래의 주석을 참고 $(window).load(function(){ ani_popup( $('.btn_nonmember'), $('.popup_nonmember').eq(0), 'top'); }); function ani_popup(btn, popup, direction){ /** * @Author webcogy 200210 * @description 팝업창 show / hide 애니메이션 * @param {string} btn 팝업창 여는 버튼 * @param {..
→2021.01.25
Language/jQuery
즐겨찾기 (모든 브라우저 호환)
function favorite(){ /* ------------------------------------------- 즐겨찾기 (모든 브라우저 호환) --------------------------------------------*/ $('.favorite').on('click', function(e) { var bookmarkURL = window.location.href; var bookmarkTitle = document.title; var triggerDefault = false; if (window.sidebar && window.sidebar.addPanel) { // Firefox version < 23 window.sidebar.addPanel(bookmarkTitle, bookmark..
→2021.01.25

• 이전
• 1
• 다음