本教程向您展示了如何使HTML元素可拖动。在本例中，我们将创建三个DIV元素，然后启用它们的拖动和放置。

首先，我们创建三个div元素：

Div id=' dd1 ' class=' DD-demo '/div div id=' dd2 ' class=' DD-demo '/div div id=' dd3 ' class=' DD-demo '/div对于第一个div元素，我们可以通过默认值进行拖拽。$('#dd1 ')。可拖动()；对于第二个div元素，我们可以通过创建克隆原始元素的代理来拖动它。

$('#dd2 ')。可拖动({ proxy : ' clone ' })；对于第三个div元素，我们创建了一个自定义代理，使其可拖动。

$('#dd3 ')。可拖动({ proxy : function(source){ var p=$(' div class=' proxy ' proxy/div ')；p . appendo(' body ')；返回p；}});这里有一些学校课程的简单例子。欢迎学习：

我们将创建两个表格：左边是学校科目，右边是时间表。您可以将学校科目拖放到时间表单元格中。学校帐户是div class='item '元素，时间表单元格是td class='drop '元素。

展示学校科目。

div class=' left ' table tr tddiv class=' item ' English/div/TD/tr tddiv class=' item ' science/div/TD/tr！-其他主题-/表格/div显示时间表。

div class=' right ' table tr TD class=' blank '/TD TD TD class=' title '星期一/TD TD TD class=' title '星期二/td td class='title '星期三/td td class='title '星期四/TD TD TD class=' title '星期五/TD/tr TD class=' time ' 08:00/TD TD TD TD class=' drop '/TD TD class=' drop '/TD TD TD class=' drop '/TD TD TD TD class=' drop '/TD TD TD class=' drop '/TD TD class=' drop '/TD/tr！-其他单元格- /table/div拖动左边的学校科目。

$('.向左。项目')。可拖动({ revert:true，proxy : ' clone ' })；将学校主题放在时间表单元格中。

$('.右TD . drop’)。可删除({ ondragenter : function(){ $(this))。add CLaSS(' over ')；}，ondragleave : FuncTion(){ $(this)。remove CLaSS(“over”)；}，onDrop:function(e，source){ $(this)。remove CLaSS(“over”)；if ($(来源)。has class(' assigned '){ $(this)。追加(来源)；} else { var c=$(来源)。克隆()。addClass('赋值')；$(这个)。空()。追加(c)；c . draggable({ revert 3360 true })；} }});从上面的代码中可以看到，当用户拖动左边的学校账号并将其放入schedule单元格中时，会调用onDrop回调函数。我们克隆从左侧拖动的源元素，并将其附加到调度单元。在时间表中将学校科目从一个单元格拖到另一个单元格时，只需移动它。

以上就是如何使用jQuery EasyUI创建学校课程。希望对大家的学习有帮助。大家会喜欢的，继续关注边肖的下一篇文章。