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

所属分类:输入-拖和放

 35617  334  查看评论 (4)
分享到微信朋友圈
X
兼容移动端的拖放拖拽插件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>
相关插件-拖和放

基于H5的拖拽功能

基于H5的拖拽功能,再用jQuery进行了功能完善,拖动后根据放置的位置来布局。
  拖和放
 42163  359

jQuery拖拽拉伸缩放插件l_zoom

简约版拖拽拉伸缩放原生jQuery插件 包含 自由缩放 和 等比例缩放 模式 经典还远网页文本框操作简单
  拖和放
 27570  328

jQuery自由拖曳照片插件

可自由拖曳照片,并展现文字和内容
  拖和放
 26727  324

页面多板块拖动,调整边缘,吸附效果(原创)

接到一个需求:楼宇房间的简单布局:点击左侧房屋号码,到右面出现以后可以各种调整。
  拖和放
 30409  358

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    chenjingxia 0
    2021/10/26 14:48:28
    有办法限制住拖动区域吗 回复
    ? 0
    2019/7/5 17:58:33
    可以判断拖到某一个位置吗? 回复
    -果冻-- 0
    2018/3/2 16:47:52
    容器里拖动的范围应该设置下???不然都拖到看不见地方去
        微笑掩饰ヘ遮盖不了忧伤0
        2018/5/31 15:54:41
        赞同
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复