# EzDrag

**Repository Path**: endfalse/EzDrag

## Basic Information

- **Project Name**: EzDrag
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-02-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# EzDrag
A Jquery-based plug-in that is used to support Dom dragging requirements

### Examples
```go
<script> 
  $(function () { 
  Ez.dragInit(function(from,to){ //return false; //不允许操作 return true ;//允许操作 }); 
  
  /*
   Ez.dragInit({ 
	  dragcallback:function(from,to){ 
		  //return false; //不允许操作
		  return true ;//允许操作 
	  }, 
	  eventScopeSelector:"body",//动态事件监测区域 
	  behavior:"insert",//拖动行为 
	  insert | replace dragScopeSelector:".dragbox-area"//拖动块作用区域 
    });
  */ 
  })
</script>
<div style="position: relative;width: 504px; height: 500px;" class="dragbox-area">
    <div style="width: 200px; float: left; height: 300px; border:solid 1px #cdcdcd;">
        <ul class="role">
	 <!--如果让其可以拖动请设置属性data-dragbox-to-->
	<li data-dragbox-from="t" >角色1</li>
	<li data-dragbox-from="t">角色2</li>
	</ul>
    </div>
    <div style="width: 300px; float: left; height: 500px;border:solid 1px #cdcdcd;">
        <ul class="flow-nodes" >
		<!--如果让其接受拖块请设置属性data-dragbox-to 设置的值相同表示属于同作用域-->
		<li data-dragbox-to="t"></li>
		<li data-dragbox-to="t"></li>
	</ul>
    </div>
</div>
```
### Configuration
#### eventScopeSelector
```go
一个jquery的筛选器，动态事件监测区域
```
#### behavior
```go
拖动行为 insert|replace
```
#### dragScopeSelector
```go
一个jquery的筛选器，拖动块作用区域
```