拖放在 IE 上工作正常，但在 Chrome/Firefox 中不行答案

【问题标题】：Drag and Drop working fine on IE but not in Chrome/Firefox拖放在 IE 上工作正常，但在 Chrome/Firefox 中不行
【发布时间】：2014-02-12 09:25:03
【问题描述】：

我正在使用 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 中甚至都没有变化。

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

【问题讨论】：

它正在工作jsfiddle.net/BJBa9/1。你能具体点吗？并分享您的 HTML、CSS 和 JS 代码。
@MuthuKumaran 我真的不能更具体。该代码在 IE 中运行良好，但在其他导航器中运行良好，我不知道为什么...

标签： jquery asp.net internet-explorer google-chrome firefox

【解决方案1】：

如果我删除了对我有用（IE、FF、Chrome）

pointer-events: none;

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

由于CSS tricks 指针事件：无

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

【讨论】：

O.O 好的...非常感谢你救了我的命 :)
我将此属性用于在拖动 div 时未触发的 mouseover 事件，因为焦点设置在拖动元素上，而不是设置在 div 后面的元素上。