禁止div被拖动 css,【Web前端问题】div在拖动时出现禁止图标

代码结构：

js代码：

drag_append:function(){

var self = this;

var appender = null;

$('.ullis').find('.lis').on('mousedown',function(event){

var e = window.event||arguments[0];

var niu = $(this).clone();

var a = self.pic_change(niu.html());

appender = $(a);

var cur_Pos = $(this).offset();

$('#for_drag').append(appender);

$('#for_drag').css({'display':'block','top':cur_Pos.top,'left':cur_Pos.left,'position':'absolute'});

$('#for_drag').css({'width':'94px','height':'94px','z-index':'51'});

$('#for_drag').trigger(event);

$('#for_drag').css('z-index','51');

var posX = $('#for_drag').offset().left;

var posY = $('#for_drag').offset().top;

$(document).bind('mousemove',function(){

var e = window.event||arguments[0];

var Nposx = e.clientX - posX;

var Nposy = e.clientY - posY;

$('#for_drag').css({'top':(Nposy+'px'),'left':(Nposx+'px')})

})

$(document).bind('mouseup',function(){

$(document).unbind('mousemove');

$(document).unbind('mouseup')

})

});

在拖动的时候总是出现禁止图标，没法拖动，请问该怎么破？

刚又看了一下，是拖动时如果碰到相邻元素，会出现禁止符号 ，该怎么破？？

回答：

目标元素加两个事件ondragenter ondragover事件内容为event.preventDefault()

回答：

给元素添加 draggable=”true”

回答：

【现象】

拖动元素

或时出现禁止图标。

【原因解析】

首先要知道出现禁止图标的原因是什么？

被拖动元素，比如说元素，目标元素，拖动时鼠标经过的元素，比如说一个有高度和宽度的

元素。当被拖动元素拖动中经过目标元素

时，如果目标元素

不能接收被拖动元素的drop时，就会出现禁止标记。

【解决方案】

在目标元素加事件，类似这样：

，在dragenter(evt) {evt.preventDefault())，就能消除禁止标记的出现。