如何让DIV可编辑、可拖动
来源:互联网 发布:电影窃听风云知乎 编辑:程序博客网 时间:2024/04/29 14:21
转载自:http://blog.csdn.net/jcx5083761/article/details/11764861
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');divTitle.draggable().click(function (){$(this).draggable({ disabled: false });$(this).css('backgroundColor', 'transparent');}).dblclick(function (){$(this).draggable({ disabled: true });$(this).css('backgroundColor', '#FFFF6F');});这样控制一下就可以让div同时具有edit和drag属性了。
0 0
- 如何让DIV可编辑、可拖动
- 如何让DIV可编辑、可拖动
- 如何让DIV可编辑、可拖动
- 如何让DIV可编辑、可拖动示例代码
- 让DIV可编辑
- 如何让div获取焦点或可编辑
- js实现让div可拖动
- 可拖动的DIV
- JavaScript可拖动DIV
- JavaScript可拖动DIV
- JavaScript可拖动DIV
- 可拖动的div
- 可拖动的div
- JavaScript可拖动DIV
- 可拖动的div
- 可拖动的DIV
- 可拖动的DIV
- 可拖动的div
- 【BZOJ 1712】 [Usaco2007 China]Summing Sums 加密
- 猴子选大王
- Google C++ Style Guide 阅读笔记 6
- vector的reserve和resize
- 剑指offer中在一个有序数组中找出和为s的两个数字
- 如何让DIV可编辑、可拖动
- get和set的区别
- SSH框架完全搭建好但是spring就是不能完成注入
- ReoScript引擎的Lambda表达式
- SVN服务器搭建和使用(一)
- 【BZOJ 3530】 [Sdoi2014]数数
- maven in action(一)maven简介
- 2015 App store最新审核标准公布
- GLIB源码学习