我有一个子div,其父div是可拖动的,content-editable设置为true。 我使用jQuery UI使其父div可拖动但子div失去其contenteditable属性。
我的问题是为什么那个孩子div表现出这种行为?
$(".draggable").draggable();
小提琴链接
我不确定编辑和拖动是否可以一起发生。 无论如何,您可以在单击可编辑区域时取消拖动:
$(".editable").on("mousedown", function (e) { e.stopPropagation(); return; });
要放大可拖动区域,您需要缩小可编辑区域,如下所示:
.editable { max-width:190px; height:20px; border: 1px solid #f00; padding:1px; display: inline-block; }
jsFiddle的工作演示。
这是最好的解决方案:$( . draggable
).draggable()。click(function(){$(this).draggable({disabled:true});})。blur(function(){$(this)。 draggable({disabled:false});});
以上就是jQuery教程分享为什么父母可以拖延的div失去了它的满足属性?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/561707.html