百科知识

电脑/网络

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

2018-05-04 15:22:56z***
如何让DIV可编辑、可拖动示例代码：1、可编辑： 可编辑 设置contentEditable属性可以让div编程可编辑状态 2、可?

最佳回答

  •   1、可编辑：
    可编辑
    设置contentEditable属性可以让div编程可编辑状态
    2、可拖动：
    $('#move')。draggable();
    使用jQuery UI的draggable可以让div变成可拖动状态，但是如果两个属性同时应用就会出现可编辑功能失效的状况。
      
    3、可编辑、可拖动：
    复制代码 代码如下:
    可编辑
    var divTitle=$('#move');
    [code]
    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属性了。
      
    2018-05-04 17:46:01
    • 很赞哦！ (151)

    相关文章