Jquery ui jQuery UI可拖动位置不正确
提前感谢您抽出时间来看这篇文章。将jQuery UI可拖动对象从固定侧栏拖动到图像时出现问题,如下所示。问题有两个方面: 1) 即使z索引设置为9999,对象从固定侧栏中拖出时也不再可见 2) 当可拖动对象下落时,其位置向上移动并向左移动约30或40px 问题一(1)可视化: 问题二(2)可视化: 我曾尝试在所有组合中将CSS位置属性更改为所有类型(绝对、相对、静态等),但似乎无法使其按预期工作 我希望有人能在这两个问题上为我指明正确的方向。如果您想看到这些问题的一个实例,请参阅以下JSFIDLE: 以下是最恰当的CSS属性:Jquery ui jQuery UI可拖动位置不正确,jquery-ui,jquery-ui-draggable,jquery-ui-droppable,Jquery Ui,Jquery Ui Draggable,Jquery Ui Droppable,提前感谢您抽出时间来看这篇文章。将jQuery UI可拖动对象从固定侧栏拖动到图像时出现问题,如下所示。问题有两个方面: 1) 即使z索引设置为9999,对象从固定侧栏中拖出时也不再可见 2) 当可拖动对象下落时,其位置向上移动并向左移动约30或40px 问题一(1)可视化: 问题二(2)可视化: 我曾尝试在所有组合中将CSS位置属性更改为所有类型(绝对、相对、静态等),但似乎无法使其按预期工作 我希望有人能在这两个问题上为我指明正确的方向。如果您想看到这些问题的一个实例,请参阅以下JSFI
.signatureTool {
z-index: 999999999;
}
.image {
border: 1px solid #DADADA;
position: relative;
width: 100%;
margin-bottom: 50px;
}
#wrapper {
margin-top: -17px;
padding-left: 250px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper {
z-index: 999;
position: fixed;
left: 250px;
width: 250px;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #E9E9E9;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
}
#page-content-wrapper {
width: 100%;
position: relative;
padding: 20px;
margin-right: 0;
}
1) 设法清除溢出物2)检查可摄影容器的位置。拖拽物附在其上(左上)1)尝试清除溢出物2)检查可拖拽容器的位置。拖动表将附加到它(左上角)