拖放工作正常在IE瀏覽器，但不是在Chrome/Firefox

我正在使用Visual Studio 2013在asp.net C＃中的項目。我在後面的代碼中生成了一些div，我影響他們一個CSS類，在Page_PreRender（）中。拖放工作正常在IE瀏覽器，但不是在Chrome/Firefox

代碼隱藏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（股利發生在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中甚至沒有改變。

任何人都知道問題在哪裏？我很抱歉，如果它是一個簡單的問題，但我在這個項目中，而現在我和我可能會錯過一些東西明顯...

來源

2014-02-12 charly.logel

它的工作HTTP指定的HTML元素上的所有點擊，狀態和光標選項：// jsfiddle.net/BJBa9/1/。你能具體嗎？並分享您的HTML，CSS和JS代碼。 –

@MuthuKumaran我真的不能更具體。在IE瀏覽器中的代碼工作正常，但不在其他導航器中，我不知道爲什麼... –

對我的作品（IE，FF，鉻），如果我刪除

pointer-events: none;

css聲明。啓用此語句後，它甚至不會在IE中運行。看到這個fiddle

由於CSS tricks指針事件：無

防止

來源

2014-02-12 09:44:58 sb9

OO好吧...非常感謝你拯救了我的生命:) –

我使用這個屬性的mouseover事件誰didn在拖動div時不會觸發，因爲焦點是在拖動元素上設置的，而不是在div後面的元素上。 –

拖放工作正常在IE瀏覽器，但不是在Chrome/Firefox

回答

相關問題