源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

如何让DIV可编辑、可拖动示例代码

  • 时间:2022-06-30 01:54 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:如何让DIV可编辑、可拖动示例代码
[b]1、可编辑:[/b] <div id="move" contentEditable="true">可编辑</div> 设置contentEditable属性可以让div编程可编辑状态 [b]2、可拖动:[/b] $('#move').draggable(); 使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。 [b]3、可编辑、可拖动:[/b]
[u]复制代码[/u] 代码如下:
<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属性了。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部