Jquery ui div在拖放时不可拖动

Posted

技术标签:

【中文标题】Jquery ui div在拖放时不可拖动【英文标题】:Jquery ui div not draggable on dropped 【发布时间】:2017-04-18 10:23:45 【问题描述】:

我遇到了问题,当我将外部视频 div 拖放到时间轴中时,它不再可拖动

https://fiddle.jshell.net/surjitsidhu/pzmzc2z7/2/show/

https://fiddle.jshell.net/surjitsidhu/pzmzc2z7/2

我不确定,为什么会结冰

【问题讨论】:

When I make a draggable clone and drop it in a droppable I cannot drag it again的可能重复 【参考方案1】:

您的代码似乎缺少可拖动的。

查看此代码:

if( dropped.attr( 'id' ) === 'galleryItem' ) 
            //alert("dropped if");
            var newEl = $( dropped ).clone().appendTo( droppedOn );

            newEl.removeAttr( 'id' ).removeClass( 'thumb' ).html( '<div style="background:red;width:400px;height:50px;"></div>' ).addClass( 'layer-item' );
            newEl.removeClass( 'dragging' );

            newEl.addClass("item");
            $(".item").removeClass("ui-draggable draggable");
            $(".item").draggable(
                cursor: 'move',     
            );

         else 
            //alert("dropped else");
            $( dropped ).detach().css(  top: 0, left: ui.helper.position().left - 160  ).appendTo( droppedOn );
        

【讨论】:

以上是关于Jquery ui div在拖放时不可拖动的主要内容,如果未能解决你的问题,请参考以下文章

如何使可拖动元素在拖放时保持在新位置(HTML5 不是 jQuery)?

jQuery拖放 - 如何获取被拖动的元素

jquery html在拖放时复制

无法更改拖放时拖动的项目

C#在拖放时实现ListView中的自动滚动

为什么我的图像在拖放时会在我的AnchorPane中重新定位?