그누보드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/
게시글 목록
| 번호 | 제목 |
|---|---|
| 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 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기