jQuery技术:为什么父母可以拖延的div失去了它的满足属性?

我有一个子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

      (0)
      上一篇 2021年2月4日
      下一篇 2021年2月4日

      精彩推荐