Jquey 드래그 앤 드롭 제어 사용 방법 Draggable (asp.net 환경)_jquery

이 예제의 주요 목적은 Jquey의 Draggable 컨트롤을 사용하는 것입니다.

사용 시 먼저 Jquery, Jquery-Ui, Draggable의 세 가지 J를 참조하세요. 그런 다음 js에 해당 코드를 작성합니다. 관련 코드 지침은 프로그램의 주석을 참조하세요.

Draggable에 대한 지침은 다음을 참조하세요. http://docs.jquery.com/UI/API/1.8/Draggable

소스 코드:

코드 복사 코드는 다음과 같습니다.

<%@ Page Language="C#" AutoEventWireup= "true" CodeBehind=" Default.aspx.cs" Inherits="JqueryDrag._Default" %>


< ;head runat="서버 ">


<스크립트 유형 ="text/javascript" src="js/Draggable.js">


< 본문>

<%--드래그 가능한 참조 매뉴얼 http://docs.jquery.com/UI/API/1.8 /Draggable-- %>
<%--드래그 범위--%>

<%--드래그 시작 시 정보 기록--%>

<%--기록 드래그 종료 시 정보--%>

<%--드래그된 개체--%>