如何使 div 内容可编辑和可拖动 | 内容可编辑和可拖动

本文介绍了如何使 div 内容可编辑和可拖动的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述


<span>要编辑的文本</span>$("#d").draggable();

我只能拖动这个 div 但我如何编辑它(比如双击可编辑属性变为活动状态，点击拖动变为活动状态)?

解决方案

$("#d").draggable().click(函数(){$(this).draggable({ disabled: false });}).dblclick(function() {$(this).draggable({ disabled: true });});

演示

<div contenteditable="true" id="d">
<span>Text to edit</span>
</div>

$("#d").draggable();

I can only drag this div but how can i edit it (like on doubleclick editable property become active and on click dragging become active)?

解决方案

$("#d").draggable()
  .click(function() {
    $(this).draggable({ disabled: false });
}).dblclick(function() {
    $(this).draggable({ disabled: true });
});

DEMO

这篇关于如何使 div 内容可编辑和可拖动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！