Jquery 在IE上拖放操作很好，但在Chrome/Firefox中则不行

我正在用Visual Studio 2013在asp.net C#中进行一个项目。 我在代码背后生成了一些div，并在页面_PreRender（）中将它们作为css类

C#背后的代码：

这些div也需要可以在代码隐藏生成的表中拖放。 因此，我使用jQuery1.6.4和jQueryUI1.10.3来实现这一点

以下是我的JS代码：

$(function () {
 $_dropEnd = null;

 $(".dragRessources").draggable({
   helper: "clone",
   revert: 'invalid',
   appendTo: "body",

   stop: function (event, ui) {
     $(this).appendTo($_dropEnd);

     $_dropEnd = null;
   }
  });

  $(".dropRessources").droppable({
    accept: ".dragRessources",
    tolerance: "touch",
    drop: function (event, ui) {
    $_dropEnd = this;  
   }
  });
});

CSS:

.dragRessources{
    cursor: move;
    color:Black;
    pointer-events: none;
    background-color:transparent;
    width:auto;
}

HTML（div发生在

divTabRessources

）：

我这里的问题是，拖放功能在IE10及以下版本上运行良好，但在Chrome和Firefox上无法拖动div。实际上，在firefox和chrome中，鼠标光标甚至没有改变

有人知道问题出在哪里吗？如果这是一个简单的问题，我很抱歉，但我在这个项目中已经有一段时间了，我可能会错过一些明显的东西…

如果我删除了

pointer-events: none;

css语句。 启用此语句后，它甚至不会在IE中运行。 看到这个了吗

由于指针事件：无

阻止指定HTML元素上的所有单击、状态和光标选项

---

它起作用了。你能说得具体点吗？并分享你的HTML、CSS和JS代码。@MuthuKumaran我说得再具体不过了。该代码在IE中运行良好，但在其他导航器中运行不正常，我不知道为什么…O.O Ok。。。非常感谢您救了我的命：）我使用此属性来处理鼠标悬停事件，在拖动div时没有触发该事件，因为焦点设置在drag元素上，而不是div后面的元素上。

<div id="divRessources" class="divRessources" runat="server" style="display:none;" >
   <div id="divTabRessources" class="divTabRessources dropRessources" style="display:block;" runat="server"></div>
</div>

pointer-events: none;