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

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

· 10년 전 · 13150 · 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개월 전

잘 됩니다 ㅎ

게시글 목록

번호 제목
2735
2723
2714
2707
2695
2692
2687
2685
2678
2669
2661
2660
2659
2658
2657
2649
2646
2641
2618
2614
2604
2597
2595
2583
2579
2575
2570
2555
2542
2538