그런데 어떻게 하면 주문을 저장할 수 있을까, 쿠키를 생각했는데 어떻게 하면 쿠키를 활용해 주문을 저장할 수 있을까? html 코드를 직접 저장해서 다음에 읽어도 괜찮지만, 내용이 많으면 늘 느끼는 거지만 더 많은 내용이 저장됩니다. 그런 다음 ui 플러그인을 사용하여 ID를 가져오고 읽는 동안 순서가 저장됩니다. 코드를 살펴보세요. 코드 복사 코드는 다음과 같습니다. < ;title> <br>div <br>{ <br>테두리: 1px 빨간색 <br>} <br>#myList <br>{ <br>padding-top: <br>너비: 500px; #EEE; 목록 스타일 유형: 없음 <br>} <br>#myList li <br>{ <br> 높이: 30px <br> 여백: <br>테두리: 1px 파란색 <br>} <br>#myList a <br>{ <br>text -장식: 없음 <br>color: #0077B0; <br>#myList a: hover <br>{ <br>텍스트 장식: 밑줄 <br>} <br>#myList .qlink <br>{ <br>글꼴 크기: <br>색상: #666; -왼쪽: 10px; <br>} <br> < /script> <br><script src="ui.sortable.js" type="text/javascript "> <br>$(function() { <br>$("#myList").sortable({ Delay: 1 , containment: "div", connectWith: ".otherlist", stop: function() { <br>/ /alert($("#myList").sortable("serialize")); <br>//alert( $("#myList").sortable("toArray")) <br>$.cookie(" myCookie", $("#myList").sortable('toArray'), { 만료: 7 }) <br>} <br>}); <br>$(".qlink").click(function() { <br>alert(this.className); <br>}); <br>if ($.cookie( "myCookie")) { <br>var ids = $.cookie("myCookie").split(" ,"); <br>for (var i = 0; i < ids.length; i ) { <BR>$("#" ids[i]).appendTo("#myList"); <BR>} <BR>} <BR>}) <BR></head> <br><div> <br><ul id="myList "> <br><li id="myList_mood"><a href="#"> 기분</a> </li> <br><li id="myList_photo">< ;a href="#">앨범</a> <a href="#" class= "qlink">업로드</li> <br><li id="myList_blog" ><a href="#">로그</a><a href= "#" class="qlink">게시물</li> <br><li id= "myList_vote"><a href="#">투표</a> </li> <br><li id="myList_shate"><a href="#">공유< /a> </li> <br><li id="myList_group" ><a href="#">/a> <br></ul> 🎜></div> <br></body> <br></html> <br><br><br>하하... 이제 효과가 보이네요. 조언좀....</div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
