일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- SQL
- Eclipse
- jquery
- php
- 공모주 청약 일정
- java
- 자바스크립트
- 주식 청약
- 리눅스
- IPO
- 코드이그나이터
- 주식 청약 일정
- MYSQL
- 맥
- 7월 공모주 청약 일정
- 제이쿼리
- html
- JavaScript
- Oracle
- codeigniter
- 공모주 청약
- Stock
- JSTL
- 오라클
- 자바
- 주식
- css
- 공모주
- linux
- Stock ipo
- Today
- Total
목록2021/08/13 (3)
개발자의 끄적끄적
[javascript/jquery] javascript li move example / 자바스크립트 li 위아래로 이동시키는 방법 javascript 에서 li 리스트의 순서를 변경하고자 할때 여러가지 방법들 중에서 위 / 아래 버튼 클릭시 해당 요소의 위치를 하나 위로 혹은 하나 아래로 변경해야하는 경우가 있습니다. 그럴때는 아래 함수를 이용하시면 됩니다. 예를들어서 아래와 같이 ul 안에 3개의 li 가 있다고 가정하고, 111 222 333 위 li 의 위치를 이동시킬 함수를 아래와 같이 만들어 줍니다. function move_li(gbn, no){ var $li = $("#id_li_"+no); if( gbn == "UP" ) { $li.prev().before($li); }else{ $li.n..
[javascript/jquery] jquery sortable event example / jquery 드래그 해서 순서 변경 완료 이벤트 감지 방법 jquery 에서 요소를 드래그해서 위치를 변경하고자 할때 sortable 를 사용합니다. 그중에서 드래그해서 변경된 정렬 순서를 디비에 적용해야 하는 경우가 있습니다. 그럴때는, stop 이벤트를 사용하시면 됩니다. $("#TARGET ID").sortable({ stop: function(event, ui) { alert("stop event"); } }); 위 내용보시면 아시겠지만, TAEGET ID 요소에 sortable 를 적용할때, stop 이벤트를 같이 선언하면 드래그 하던 요소를 드랍했을때, 즉, 이동이 완료되서 내려놨을때 위 이벤트가 동작..
[javascript/jquery] jquery sortable example / jquery 드래그해서 순서 변경하는 방법 jquery 를 사용하다보면 li 리스트의 항목을 드래그해서 위치를 변경하고 싶은 경우가 있습니다! 그럴때는 jquery 의 sortable 를 이용하시면 됩니다! 우선 필요한 라이브러리를 로드합니다. 그리고 아래와 같은 category 라는 ul 이 있다고 가정하고 하부 li 요소들의 클래스에 아래 나와있는 ui-state-default 클래스를 추가합니다. 111 222 그리고는 category 라는 아이디를 가진 ul 에 아래와 같이 sortable 를 적용합니다. $(function() { $("#category").sortable(); $("#category").disab..