项目以 x,y 坐标存储。.items
div 从 [0,0] 开始,并根据 (可拖动)的移动重新定位.dragger
。每次用户停止拖动/释放,.dragger
重新定位到屏幕中心,并发出 AJAX 请求,将当前视口中的下一个 x/y 协调项放置在.items
容器中。
这就是介绍。
每个项目类型都有一个图像映射(默认 [ 0,0,12,12,15,15,20,25
] 样式)。.items
我为每个加载的项目添加了一个带有这些值的 html 图像映射。
问题是我希望图像映射之外的空间表现得好像用户只悬停在.dragger
div 上。我已将 CSS 样式添加到:
- 拖动器(光标:移动)
- 图像映射(光标:指针)
当我将鼠标悬停在图像映射之外(但仍在图像上,但它是透明 png,所以我“认为”我正在悬停.dragger
div)光标不会从指针移动到移动光标,而是从指针到正常箭头。只有在图像边界之外,它才会变成移动光标。当我尝试拖动(在图像上,在图像映射之外)时,我复制/拖动项目图像(浏览器集成拖动,而不是使用的 jQuery 拖动.dragger
)。
我需要.dragger
助手并.items
根据它的运动重新定位 div。光标/拖动行为是否可能?
<div class="wrapper">
<div class="dragger"></div>
<div class="items"><!-- dynamic content --></div>
</div>