jQueryEasyUI基础教程之拖放的学校课程表.docx

jQuery-EasyUI基础教程之拖放的学校课程表HTML代码：divclass=lefttabletrtddivclass=itemEnglish/div/td/trtrtddivclass=itemScience/div/td/trtrtddivclass=itemJava/div/td/trtrtddivclass=itemMath/div/td/trtrtddivclass=itemOS/div/td/trtrtddivclass=itemMath/div/td/trtrtddivclass=itemJavaScript/div/td/trtrtddivclass=itemOracle/div/td/trtrtddivclass=itemSpringMVC/div/td/trtrtddivclass=itemMyBatis/div/td/tr/table/divdivclass=righttabletrtdclass=blank/tdtdclass=titleMonday/tdtdclass=titleTuesday/tdtdclass=titleWednesday/tdtdclass=titleThursday/tdtdclass=titleFriday/td/trtrtdclass=time08:00-09:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time09:10-10:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time10:10-11:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time11:10-12:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time14:00-15:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time15:10-16:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time16:10-17:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time17:10-18:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time19:10-20:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/trtrtdclass=time20:10-21:00/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/tdtdclass=drop/td/tr/table/divJS代码：$(function() {/** * 设置可拖动 */$(.left .item).draggable({revert : true,proxy : clone});/** * 设置放置区 */$(.right td.drop).droppable({//在被拖拽元素到放置区内的时候触发onDragEnter : function() {$(this).addClass(over);},//在被拖拽元素经过放置区的时候触发onDragLeave : function() {$(this).removeClass(over);},//在被拖拽元素放入到放置区的时候触发onDrop : function(e, source) {$(this).removeClass(over);if ($(source).hasClass(assigned