dragndrop.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

dragndrop.js

마우스로 클릭 드래그하여 반대편 영역으로 드롭 하는 기능을 구현한 플러그인

사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/9"></script>

<script>
    $(function(){
        $('#dragndroplist1').dragndrop({
            secondAra:'#dragndroplist2',
            success:function(res){
            
            }
        });
    });
</script>


<body>
    <div id="dragndroplist1">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
        </ul>
    </div>
    <div id="dragndroplist2">
        <ul>
            <li>a1</li>
            <li>a2</li>
            <li>a3</li>
            <li>a4</li>
            <li>a5</li>
            <li>a6</li>
            <li>a7</li>
            <li>a8</li>
        </ul>
    </div>
</body> 

 

 

 

 

설치방법

 

1. Line17 ~ 40 : 예제 html을 복사 그리고 붙여넣기 합니다.


2. Line1 : 제이쿼리를 설치 및 연결 합니다.


3. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.


4. Line6 ~ 11 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 

 
 
 
 
 
Install
 

1. Line17 ~ 40 : Copy and paste the example html.


2. Line1 : Connet the jquery


3. Line2 : Register the domain after using the plug-in. Copy and paste code.


4. Line6 ~ 11 : Copy and paste the script.