我使用了jquery的可拖动功能。
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script>
$('.div').draggable();
</script>
<body>
<div class="div">
Text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
以上引用是在桌面上工作，但不适用于移动或ipad。
答案 0 :(得分：2)
jQuery UI用户界面库目前不支持使用触摸事件。这意味着您在桌面浏览器中设计和测试的UI将在大多数（如果不是全部）支持触摸的移动设备上失败，因为jQuery UI会监听鼠标事件（如鼠标悬停，鼠标移动和鼠标移动）而不会触摸事件（touchstart， touchmove和touchend）。
您可以尝试jQuery UI Touch Punch。它可以做你要求的但是要警告：
Touch Punch是一个黑客。它充分利用了jQuery UI的一些核心功能来处理触摸事件的映射。 Touch Punch适用于jQuery UI的所有基本实现的交互和小部件。但是，您可能会发现Touch Punch失败的更复杂情况。