兼容移动端的拖放拖拽插件Draggin.js

所属分类:输入-拖和放

 2575  19  查看评论 (1)
兼容移动端的拖放拖拽插件Draggin.js ie兼容12

draggin.js 

兼容触摸设备的轻量级插件,压缩仅3kb。 

注意:不支持ie draggin.js必须在整个页面加载后渲染,所以引用插件要在代码最末处,而不是<head>里

<html>
<body>
    <head>...</head>
    <div>...</div>
    <scriptt type="text/javript" src="js/dragscriptt.js"></scriptt>
</body>
</html>

使用方法:

您只需要给需要拖放的元素一个class=“draggable”即可

<h1 class="draggable">hello, wld!</h1>

使文本成为可编辑文本只需要

<h1 class="text">Hello, World!</h1>
<p class="text">Hello, World!</p>
<a href="#" class="text">Hello, World!</a>
<div class="text">Hello, World!</div>

综上,可编辑又可以拖放

<h1 class="draggable text">Both tags work at the same time!</h1>
相关插件-拖和放

Sortable – 简单灵活的 JavaScript 拖放排序插件

Sortable 简单灵活的 JavaScript 拖放排序插件
  拖和放
 38583  122

拖动滑块验证

拖动滑块进行验证
  拖和放
 28879  194

拖动排序插件

实现在两个div中,互相自由的拖动,并且排序
  拖和放
 17545  149

jQuery刻度尺特效(移动端)

jQuery手指滑动刻度尺选择值特效是一款手机移动端滑动刻度尺代码。
  拖和放
 6961  26

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    yoonfeng 0
    2018/3/2 16:47:52
    容器里拖动的范围应该设置下???不然都拖到看不见地方去 回复
取消回复