jquery-ui.min.js的draggable()拖拽功能
2014-09-17 09:18
459 查看
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src='http://libs.baidu.com/jquery/1.7.2/jquery.min.js'></script>
<script src="http://libs.baidu.com/jqueryui/1.9.0/jquery-ui.min.js "></script>
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; border:#AAA 1px solid; background-color:#EEE; }
</style>
</head>
<body>
<div id="draggable">求拖走</div>
<script>
$(function() {
$( "#draggable" ).draggable({draggable:false});
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src='http://libs.baidu.com/jquery/1.7.2/jquery.min.js'></script>
<script src="http://libs.baidu.com/jqueryui/1.9.0/jquery-ui.min.js "></script>
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; border:#AAA 1px solid; background-color:#EEE; }
</style>
</head>
<body>
<div id="draggable">求拖走</div>
<script>
$(function() {
$( "#draggable" ).draggable({draggable:false});
});
</script>
</body>
</html>
相关文章推荐
- 使用jQuery Draggable和Droppable实现拖拽功能
- js实现Draggable拖拽功能
- jQuery UI resizble、draggable的div包含iframe导致缩放和拖拽的不平滑解决方法
- jquery.ui.draggable中文文档jquery 自由拖拽类
- jquery.ui.draggable中文文档jquery 自由拖拽类~study~
- jquery.ui.draggable中文文档jquery 自由拖拽类~study~
- jquery-UI学习笔记1之拖拽(Draggable)
- jQuery ui draggable 拖拽元素
- jQuery UI API - 可拖拽小部件(Draggable Widget)(转)
- jquery.ui.draggable中文文档
- ui.draggable.js(原版,未做改动)
- JQuery UI Draggable插件详细使用说明
- jquery.ui.draggable中文文档
- JQueryUI(需要引入jquery-ui-1.8.18.custom.min.js和jquery-ui-1.8.18.custom.css)
- jquery的拖拽UI功能
- Jquery-ui draggable
- jquery.ui.draggable中文文档
- jquery.ui.draggable中文文档