timmy / SortableJS Grid 拖曳排序
0 喜歡
0 分支
1 檔案
最後活躍 9 months ago
本範例使用 SortableJS 實現 Grid 佈局的可拖放排序,允許用戶調整區塊順序,適用於 視覺化管理、儀表板排序、圖片排列與動態 UI 佈局 等應用。
| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-TW"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | <title>SortableJS Grid 拖曳排序</title> |
| 7 | <style> |
| 8 | .grid-container { |
| 9 | display: flex; |
| 10 | flex-wrap: wrap; |
上一頁
下一頁