드래그 가능한 DIV의 위치를 ​​HTML 테이블에 저장하고 이를 MySQL 데이터베이스에 저장합니다.

Question

드래그 가능한 div를 테이블에서 옮긴 위치를 테이블에 저장할 수 있는지/어떻게 저장할 수 있는지 궁금합니다. 그러면 페이지가 다시 로드되면 중단된 위치(MySQL 데이터베이스에서)로 돌아갑니다.

관련 기사를 몇 개 읽었는데, 모두 AJAX와 함께 jquery(이벤트, UI)를 사용하는 것에 관한 내용이었습니다.

내 코드는 다음과 같습니다.

으아악 으아악 으아악

Answer 1

지나치게 복잡한 답변일 수도 있습니다. 하지만 가장 좋은 방법은 module 对象的数组。每个 module 都有一个 position 属性，每次移动模块时都需要更新该属性。您还可以使用 data html 속성을 JavaScript에 저장하여 요소 자체의 위치를 ​​요소에 저장하는 것입니다 (https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes ). 내 코드는 다음과 같습니다.

자바스크립트：

으아아아

HTML:

으아아아

데이터베이스를 업데이트하려면 모듈을 이동할 때마다 write 数据库调用。然后每次加载页面时，只需根据 position 값을 기준으로 배열을 정렬하면 됩니다. 도움이 되었기를 바랍니다!