Posted in Javascript onSeptember 18, 2013
1、可编辑:
<div id="move" contentEditable="true">可编辑</div>
设置contentEditable属性可以让div编程可编辑状态
2、可拖动:
$('#move').draggable();
使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。
3、可编辑、可拖动:
<div id="move" contentEditable="true">可编辑</div> var divTitle=$('#move'); [code] <span style="font-size:18px">divTitle.draggable().click(function () { $(this).draggable({ disabled: false }); $(this).css('backgroundColor', 'transparent'); }).dblclick(function () { $(this).draggable({ disabled: true }); $(this).css('backgroundColor', '#FFFF6F'); });</span>
这样控制一下就可以让div同时具有edit和drag属性了。
如何让DIV可编辑、可拖动示例代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@