Jquery 关于.draggable在Chrome和IE中的两个问题

我正在创建一个游戏板，其中包含可以移动的棋子，所有这些棋子都使用.draggable jQuery UI类。有一些游戏棋子，可以拖动，这些棋子放在一张桌子上，桌子就是格子。表和片段都是div元素的父元素，该元素本身是可拖动的。我们的目标是给玩家一个大的游戏区域，让他们可以四处走动和观看

网址：

该表在Firefox中运行良好。然而，Chrome和IE中出现了两个完全不同的问题，可能是因为我的代码处理元素的核心问题相同

Chrome:第一次拖动父div后，它会很有趣地拖动。特别是，如果您再次开始拖动它，它将在您释放鼠标按钮之前不会开始拖动。如果重新加载页面，问题会得到修复，只要稍微拖动到网格区域之外，问题就不会发生

即：当您尝试拖动图像时，父div和图像同时拖动，图像加速以适应div的移动。我尝试使用z-index解决此问题，没有jazz

---

我尝试过使用一些设置、样式和事件标记来解决这个问题，但似乎没有什么能100%起作用。谢谢你的帮助

Chrome问题：

您使用了一个类

no select

，以防止在拖动鼠标事件上进行选择。文档的结构：

<div><!-- Main container -->
   <table>...</table><!-- Grid -->
   <img><!-- Draggables -->
</div>

在修复之前，这只是一种攻击，希望在jQueryUI1.9中

---

IE9问题：请注意，在IE9下，您的拖拽功能都不会因为某些奇怪的原因而工作。

+1，这个问题揭示了一些有趣的问题。@Tom Murray：提醒一下，jQuery UI 1.8.16中刚刚修复了错误4333

$('img').mousedown(function(e) {
    if($.browser.msie) {
         e.stopPropagation();
    }
});