웹 프론트엔드 JS 튜토리얼 jQuery EasyUI API 중국어 문서 - 드래그 가능 Draggable_jquery

jQuery EasyUI API 중국어 문서 - 드래그 가능 Draggable_jquery

May 16, 2016 pm 06:01 PM
드래그 가능

$.fn.draggable.defaults로 기본값을 재정의합니다.
사용법

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


title
div>


코드 복사 코드는 다음과 같습니다.
$ ('#dd') .draggable({
handle:'#title'
})


特性

名称

类型

说明

默认值

proxy

string,function

拖拽时要使用的代理元素,设置为'clone'时,克隆元素将被用作代理。如果指定一个函数,它必须返回一个jQuery对象。

null

revert

boolean

如果设为true,拖拽结束后元素将返回它的开始位置。

false

cursor

string

拖拽时的css光标(cursor)。

move

deltaX

number

拖拽的元素相对于当前光标的位置的X

null

deltaY

number

拖拽的元素相对于当前光标的位置的Y

null

handle

selector

启动draggable的处理(handle)。

null

disabled

boolean

设为true就停止draggable

false

edge

number

能够在其中开始draggable.的拖拽宽度。

0

axis

string

定义拖拽元素可在其上移动的轴,可用的值是'v''h',当设为null,将会沿着'v''h'的方向移动。

null

事件

名称

参数

说明

onBeforeDrag

e

拖拽前触发,返回false就取消拖拽。

onStartDrag

e

目标对象开始拖拽时触发。

onDrag

e

拖拽期间触发。返回false将不做真正的拖拽。

onStopDrag

e

拖拽停止时触发。

方法

名称

参数

描述

options

none

返回选项(options)属性(property)。

proxy

none

如果设置了代理(proxy)属性就返回代理(proxy)。

enable

none

드래그 동작을 활성화합니다. .

사용 안함

없음

드래그 동작을 비활성화합니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Layui를 사용하여 드래그 앤 드롭 데이터 시각화 대시보드 기능을 구현하는 방법 Layui를 사용하여 드래그 앤 드롭 데이터 시각화 대시보드 기능을 구현하는 방법 Oct 26, 2023 am 11:27 AM

Layui를 사용하여 드래그 앤 드롭 데이터 시각화 대시보드 기능을 구현하는 방법 소개: 데이터 시각화는 현대 생활에서 점점 더 많이 사용되고 있으며 대시보드의 개발은 이에 대한 중요한 부분입니다. 이 기사에서는 Layui 프레임워크를 사용하여 드래그 앤 드롭 데이터 시각화 대시보드 기능을 구현하는 방법을 주로 소개합니다. 이를 통해 사용자는 자신의 데이터 표시 모듈을 유연하게 맞춤 설정할 수 있습니다. 1. Layui 프레임워크 다운로드 준비 먼저 Layui 프레임워크를 다운로드하고 구성해야 합니다. 레이이 공식 홈페이지(https://www.kr)에서 다운로드 가능합니다.

Layui를 사용하여 드래그 가능한 탭 구성 요소 기능을 구현하는 방법 Layui를 사용하여 드래그 가능한 탭 구성 요소 기능을 구현하는 방법 Oct 26, 2023 pm 01:05 PM

Layui를 사용하여 드래그 가능한 탭 구성 요소 기능을 구현하는 방법 Layui는 풍부한 구성 요소와 편리한 API를 제공하는 경량 프런트 엔드 UI 프레임워크로 프런트 엔드 개발을 더욱 간단하고 효율적으로 만듭니다. 그 중 탭 컴포넌트는 레이이에서 흔히 사용하는 기능 중 하나이다. 실제 개발에서는 탭을 드래그 앤 드롭하여 정렬하거나 드래그하여 배치해야 하는 경우가 종종 있습니다. 이번 글에서는 Layui를 이용하여 드래그 가능한 탭 컴포넌트 기능을 구현하는 방법을 예시 형태로 소개하겠습니다. 먼저 레이이 관련 내용을 소개하겠습니다.

Vue를 사용하여 드래그 앤 드롭 시각적 편집기를 구현하는 방법은 무엇입니까? Vue를 사용하여 드래그 앤 드롭 시각적 편집기를 구현하는 방법은 무엇입니까? Jun 25, 2023 pm 08:22 PM

Vue는 최신 JavaScript 프레임워크로, 시각적 편집기를 구현할 때 다양한 구성 요소, 지침, 수명 주기 후크 및 기타 기능을 제공할 수 있으며 드래그 앤 드롭 상호 작용 구현을 위한 몇 가지 편리한 API도 제공합니다. 이 기사에서는 웹 개발자가 프로젝트에서 해당 기능을 신속하게 구현할 수 있도록 Vue2.x를 사용하여 드래그 앤 드롭 시각적 편집기를 구현하는 방법을 소개합니다. 컴포넌트 구조 먼저, 일반적으로 다음과 같이 구성되는 비주얼 편집기의 컴포넌트 구조를 분할해야 합니다.

Layui를 사용하여 드래그 가능한 페이징 기능을 구현하는 방법 Layui를 사용하여 드래그 가능한 페이징 기능을 구현하는 방법 Oct 25, 2023 pm 12:46 PM

Layui를 사용하여 드래그 가능한 페이징 기능을 구현하는 방법 소개: 웹 개발에서 페이징 기능은 매우 일반적인 요구 사항 중 하나입니다. Layui는 개발 작업을 크게 단순화할 수 있는 풍부한 구성 요소와 기능을 제공하는 경량 프런트 엔드 UI 프레임워크입니다. 이 글에서는 Layui를 사용하여 드래그 앤 드롭 페이징 기능을 구현하는 방법을 소개하고 참조할 수 있는 구체적인 코드 예제를 제공합니다. 1. 레이유이의 기본 사용법 시작하기 전에 먼저 라유이의 기본적인 사용법을 이해해야 합니다. 레이이 코어

Layui를 사용하여 드래그 가능한 트리 메뉴 기능을 구현하는 방법 Layui를 사용하여 드래그 가능한 트리 메뉴 기능을 구현하는 방법 Oct 27, 2023 pm 06:51 PM

Layui를 사용하여 드래그 가능한 트리 메뉴를 구현하는 방법 개요: Layui는 개발자가 페이지를 빠르게 구축할 수 있도록 다양한 구성 요소와 플러그인을 제공하는 간단하고 사용하기 쉬운 프런트 엔드 프레임워크입니다. 이 기사에서는 Layui를 사용하여 드래그 가능한 트리 메뉴 기능을 구현하는 방법을 소개합니다. 레이유이에서 제공하는 트리 컴포넌트를 이용하고, 드래그 앤 드롭 플러그인으로 확장하여 트리 메뉴의 드래그 앤 드롭 정렬 기능을 구현해보겠습니다. 관련 리소스 소개 먼저 Layui 프레임워크 파일을 포함하여 Layui의 관련 리소스 파일을 소개해야 합니다.

Layui를 사용하여 드래그 가능한 진행률 표시줄 기능을 구현하는 방법 Layui를 사용하여 드래그 가능한 진행률 표시줄 기능을 구현하는 방법 Oct 24, 2023 am 11:47 AM

Layui를 사용하여 드래그 가능한 진행률 표시줄 기능을 구현하는 방법 Layui는 HTML5 및 CSS3를 사용하는 프런트 엔드 프레임워크로 사용이 쉽고 확장이 용이하며 다양한 웹 개발 프로젝트에서 널리 사용됩니다. Layui를 사용하는 과정에서 드래그 가능한 진행률 표시줄과 같은 특정 대화형 기능을 구현해야 하는 경우가 있습니다. 이 글에서는 Layui를 사용하여 이 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 Layui의 관련 리소스 파일을 소개해야 합니다. 온라인 링크를 통해

Vue에서 드래그 가능한 레이아웃을 구현하는 방법은 무엇입니까? Vue에서 드래그 가능한 레이아웃을 구현하는 방법은 무엇입니까? Jun 25, 2023 am 08:48 AM

웹 프런트 엔드 기술이 지속적으로 발전함에 따라 점점 더 많은 개발자가 SPA(Single Page Application) 아키텍처를 사용하여 애플리케이션을 구축하기 시작했습니다. 현재 가장 인기 있는 웹 프런트엔드 프레임워크 중 하나인 Vue는 SPA 애플리케이션을 보다 쉽게 ​​구축할 수 있는 풍부한 구성 요소 라이브러리와 도구를 제공합니다. Vue는 드래그 가능한 레이아웃 구현과 관련하여 몇 가지 편리한 솔루션도 제공합니다. 1. Vue-Grid-Layout을 사용하세요.Vue-Grid-Layout은

Layui를 사용하여 드래그 앤 드롭 직소 퍼즐 기능을 구현하는 방법 Layui를 사용하여 드래그 앤 드롭 직소 퍼즐 기능을 구현하는 방법 Oct 25, 2023 am 11:42 AM

Layui를 사용하여 드래그 가능한 직소 퍼즐 기능을 구현하는 방법 직소 퍼즐은 고전적인 엔터테인먼트 활동이며 현재 많은 웹 및 모바일 애플리케이션에서 이 게임의 버전을 제공하고 있습니다. 이번 글에서는 Layui 프레임워크를 사용하여 드래그 앤 드롭 퍼즐 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공하겠습니다. Layui는 단순화된 인터페이스 구성 요소 세트와 풍부한 대화형 애니메이션 효과를 제공하는 경량 프런트 엔드 프레임워크입니다. Layui 프레임워크를 사용하면 아름답고 사용하기 쉬운 웹 애플리케이션을 빠르게 개발할 수 있습니다. 달성하기 위해 싸우다

See all articles