您的位置：首页 > Web前端 > JQuery

jQuery UI基础----3jQuery UI Interactions-droppable(适于投下的

2015-10-04 16:28 771 查看 
<!DOCTYPE html>
<!--droppable，适于投下的-->
<html>
<!--droppable,适于投下的-->
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--ju_ui引入的三个文件-->
<script src="jquery-2.1.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<link href="jquery-ui.min.css" rel="stylesheet" type="text/css">
<!--引入自己的文件-->
<script src="droppable.js"></script>
</head>
<body>
<!--写一个容器-->
<div style="width: 100px; height: 100px; border: 2px solid #FF0000" id="div1"></div>
<div style="width: 200px; height: 200px; border: 2px solid #ffff00" id="div2"></div>
</body>
</html>
js:

/**
* Created by hao on 2015/10/4.
*/
$(document).ready(function () {
$("#div1").draggable();
$("#div2").droppable();
$("#div2").on("drop",function(event,ui){
//alert(event);
$("#div2").text("drop事件");
});

})
需要的库文件：
http://download.csdn.net/detail/zhaihaohao1/9156967
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航