jq实现：点击图片时弹出详情弹窗，判断拖动图片时不弹出

1.需求分析：

要实现点击图片时弹出详情弹窗，但在拖动时不弹出，可以使用 jQuery 来判断用户的操作。可以通过设置一个标志变量来判断用户是否在拖动图片。
并且在鼠标拖动某个图片时将其层级设置为最上面，可以使用 jQuery 结合 CSS 的 z-index 属性

说明 ：
标志变量：使用 isDragging 变量来标记是否正在拖动。

鼠标事件：
在 mousedown事件中，初始化拖动状态并记录起始位置。
在 mousemove 事件中，设置 isDragging 为 true，表示正在拖动。
在mouseup 事件中，检查 isDragging 的状态。如果没有拖动（即 isDragging 为 false），则弹出详情。

弹窗和遮罩层：使用简单的 CSS 创建弹窗和遮罩层，并通过 jQuery 控制其显示和隐藏。

2.代码