그누보드5 에 기본 제공되는 팝업레이어에 드래그 기능 추가하기 > 그누보드5 팁자료실

그누보드5 팁자료실

그누보드5 에 기본 제공되는 팝업레이어에 드래그 기능 추가하기 정보

그누보드5 에 기본 제공되는 팝업레이어에 드래그 기능 추가하기

본문

그누보드5 기본 기능에 페이어 팝업을 제공하고 있는데요.
이 레이어 팝업에 마우스로 드래그 할 수 있는 기능을 추가하는 방법입니다.

우선, 레이어팝업이 들어가는 페이지의 html head 부분에

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>

를 추가합니다.
jqueryui 가 이미 있으면, 추가하지 않으셔도 됩니다.

그리고, 페이지 아래쪽에 아래 jQuery 코드를 추가합니다.


<script type="text/javascript">
	$(document).ready(function(){
		$(".hd_pops").draggable();
	});
</script>


클래스명 hd_pops 는 그누보드5 레이어팝업의 클래스 이름이므로, 혹시 바꾸셨다면 같은 이름으로 설정하시면 됩니다.

테스트 URL
http://www.baragi.net/
추천
1

댓글 11개

전체 2,431 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT