반응형 레이어팝업2 jquery 제이쿼리 모달 팝업 드래그 하기 드래그 옵션 jquery draggable() 화면 넘어가는 것 방지 jquery 제이쿼리 모달 팝업 드래그 하기 드래그 옵션 jquery draggable() 화면 넘어가는 것 방지 레이어 팝업에 대한 저옵와 구현방법은 아래의 Link 를 참조하세요. Link1 : jquery 제이쿼리 레이어 팝업 화면 중앙에 띄우는 방법 레이어 팝업의 드래그를 하기 위해선 jquery-ui.js 파일이 필요합니다. 구글링으로 찾아서 다운 받으셔도 되고 아래의 스크립트를 레이어 팝업의 드래그가 필요한 화면에 넣어주시면 됩니다. 이제 소스를 보겠습니다. 예를 들어 아래와 같은 레이어 팝업이 있다고 합시다. 처음에 레이어팝업은 위치가 고정입니다. 그래서 이 팝업을 드래그가 가능하게 하기 위해선 draggable() 함수를 사용합니다. $(function(){ $('#pop_stop_info.. Programing/jQuery 2016. 3. 15. jquery 제이쿼리 레이어 팝업 화면 중앙에 띄우는 방법 javascript 자바스크립트 레이어 팝업 화면 중앙에 띄우는 방법 일반적인 window.open 을 사용한 팝업이 아니라 레이어 팝업을 구현하려 한다. 여기에 모달 팝업창 같이 팝업창 이외의 기능은 사용할 수 없도록 기능을 추가 할 것이다. 우선 내에 원하는 곳에 팝업으로 쓸 를 추가합니다. (위치는 상관 없습니다. 보기 쉬운 곳에 넣으세요.) 우선 팝업에 사용될 디자인부터 추가 합니다. (여기서 z-index에 유의 합니다. 값이 클 수록 위로 올라옵니다.) 팝업레이어X 이름 홍길동 현재 레이어 팝업은 visibility 옵션이 hidden 이기 때문에 보이지 않습니다. 팝업을 보이게 할 함수를 정의합니다. 숨겨져 있으면 보이게 보여져 있으면 숨기게. function popupOpen(){ if(d.. Programing/jQuery 2016. 1. 20. 이전 1 다음 💲 추천 글 반응형