그누보드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/
이 레이어 팝업에 마우스로 드래그 할 수 있는 기능을 추가하는 방법입니다.
우선, 레이어팝업이 들어가는 페이지의 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/
게시글 목록
| 번호 | 제목 |
|---|---|
| 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 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기