테스트 사이트 - 개발 중인 베타 버전입니다

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

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

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

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

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

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

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

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

테스트 URL
http://www.baragi.net/

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 12개

7년 전
좋은 자료 감사하빈다.
7개월 전

잘 됩니다 ㅎ

게시글 목록

번호 제목
2937
2932
2929
2928
2924
2922
2909
2901
2900
2896
2895
2892
2884
2882
2871
2858
2852
2848
2841
2837
2823
2820
2817
2802
2790
2785
2773
2757
2753
2751