web前端：Droppable(放置组件)

　　二、js加载方式

　　$("#pop").droppable({}）

　　三、关于Droppable的属性、事件、方法

　　$("#pop").droppable({

　　//属性

　　accept:"#box",//值为selector确定哪些元素被接受默认为null

　　disabled:true,//，如果为true，则禁止放置默认为false

　　//事件

　　onDragOver:function(e,source){$(this).css('background','blue')},//在被拖拽元素经过放置区的时候触发

　　onDragEnter:function(){},//在被拖拽元素到放置区内,左键未松开的时候触发

　　onDragLeave:function(e,source){},在被拖拽元素离开放置区的时候触发

　　onDrop:function(e,source){}在被拖拽元素放入到放置区的时候触发

　　});

　　//方法

　　//返回属性对象$('#box').droppable('options');

　　//禁止放置$('#box').draggable('disable');

　　//启用放置$('#box').draggable('enable');

　　四、可以使用重写默认值对象。​$.fn.droppable.defaults.disabled=true;

　　*PS：一般和draggable配合使用

　　网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。