드래그 가능한 DIV의 위치를 ​​HTML 테이블에 저장하고 이를 MySQL 데이터베이스에 저장합니다.
P粉909476457
P粉909476457 2024-02-03 18:37:10
0
1
348

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

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

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

으아악 으아악 으아악

P粉909476457
P粉909476457

모든 응답(1)
P粉729436537

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

자바스크립트:

으아아아

HTML:

으아아아

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿