jquery - 拖放在 IE 上工作正常，但在 Chrome/Firefox 上不行

Question

我正在使用 Visual Studio 2013 开发 asp.net C# 项目。 我在后面的代码中生成了一些 div，并在 Page_PreRender() 中影响了它们的 css 类。

C# 背后的代码:

HtmlGenericControl divRessource = new HtmlGenericControl("div");
divRessource.Attributes.Add("id", "div" + i.ToString());
divRessource.Attributes.Add("class", "dragRessources");

这些 div 也需要可拖放到后面代码生成的表中。 因此，我使用 Jquery 1.6.4 和 Jquery-ui 1.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 中):

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

我的问题是拖放在 IE 10 及更低版本上工作正常，但我无法在 Chrome 和 Firefox 上拖动 div。实际上，鼠标光标在 Firefox 和 chrome 中甚至没有变化。

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

Answer 1

如果我删除了，对我有用(IE、FF、Chrome)

pointer-events: none;

CSS 声明。 启用此语句后，它甚至无法在 IE 中运行。 看这个fiddle

由于 CSS tricks 指针事件:无

prevents all click, state and cursor options on the specified HTML element