div 순서 변경 (jquery 드래그 방식)
페이지 정보
작성자 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일19-10-04 17:39 조회355회 댓글0건관련링크
-
http://alik.info/p/86 [119]
본문
jQuery UI 이용 (https://jqueryui.com/sortable/)
<style>
#sortWrap {
padding: 10px;
}
#sortWrap div {
margin: 10px;
padding: 10px 0 10px 20px;
background-color: #FFF;
border: 1px solid #ddd;
cursor: ns-resize;
}
</style>
<script>
$("#sortWrap").sortable({
axis: "y",
containment: "parent",
update: function (event, ui) {
var order = $(this).sortable('toArray', {
attribute: 'data-order'
});
console.log(order);
}
});
</script>
<div id="sortWrap">
<div data-order=1>1</div>
<div data-order=2>2</div>
<div data-order=3>3</div>
<div data-order=4>4</div>
<div data-order=5>5</div>
</div>
추천 0
댓글목록
등록된 댓글이 없습니다.