jQuery-UI Draggable 在 IE 8 中不起作用，但在 Chrome 和 Firefox 中起作用答案

【问题标题】：jQuery-UI Draggable doesn't work in IE 8 but works in Chrome and FirefoxjQuery-UI Draggable 在 IE 8 中不起作用，但在 Chrome 和 Firefox 中起作用
【发布时间】：2012-02-25 18:06:03
【问题描述】：

我将 jquery ui 用于可拖动部分。 #photo 是应该可以拖动的元素。它在 Chrome 和 firefox 上运行良好，并且页面不会在 IE8 上引发任何错误。但是，当我尝试在 IE8 上拖动 #photo 时，它不起作用。最终的圆形图像有 2 个元素： 1. 实际的矩形蓝色照片。和 2. 带有圆形孔的面具，位于图像顶部。现在在 Chrome 中，如果我右键单击顶部并选择“在新选项卡中打开图像”，则会打开蓝色照片。但是在 IE 中，如果我尝试做同样的事情，我会得到一个带有圆孔的面具。总而言之，他可以拖动工作，但在 IE 中访问蒙版而不是照片。

这是在 IE8 上无法运行的页面：http://bit.ly/zVPMvZ

【问题讨论】：

我在这里找到了一个简单的解决方案：D stackoverflow.com/questions/4313171/… 诀窍是将鼠标按下事件传递给蒙版下的照片 div。 $('#mask').mousedown(function(ev) { $('#photo').trigger(ev); });
您应该发布您的评论作为答案，如果它回答了您的问题，请接受它:)
:) 所以禁止我回答...如果任何管理员正在阅读此内容，请做一些事情。

标签： jquery internet-explorer jquery-ui draggable jquery-ui-draggable

【解决方案1】：

$('#mytopdiv').mousedown(function(ev) {
    $('#bottomdiv').trigger(ev);
});

【讨论】：