Re:網頁版 拖拉功能 建議修正方式
Sujuwa 在 2024-05-24 留下這篇留言﹕
網頁好讀版: https://hackmd.atelli.ai/s/9_siI9txf
目前網頁版的地圖與血量狀態可拖拉
但只要拖拉速度過快、拖拉至視窗外
或將地圖與血量拖拉再一起 就會難以再次拖拉
建議如以下修正
檔案 ps.js
1. 將 15行 dragging function 修改如下
```javascript
var dragging = function(e) {
if (isDragging) {
ob = $('.dragging')
var deltaX = e.clientX - startDraggingX;
var deltaY = e.clientY - startDraggingY;
ob.css({
left: (startDraggingPosX + deltaX) + "px",
top: (startDraggingPosY + deltaY) + "px",
});
}
}
```
原因:
原始檔案可以看見 29行 dragStart function 已經決定正在拖拉的元素為何
並定義當前為 isDragging = true, 並將之新增class dragging
而 15行 dragging function
卻未重新檢查isDragging是否為true
按照大神的攻略把客戶端更新了,剛測試完全沒問題~
重新整理之後確認客戶端版本號(畫面右下角)為 v1.5.2 表示有更新到新版
thx