Maison interface Web js tutoriel jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

May 16, 2016 pm 06:01 PM
可拖拽

用$.fn.draggable.defaults重写默认的defaults。
用法

复制代码 代码如下:


title



复制代码 代码如下:

$('#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

启用拖拽动作。.

disable

none

禁用拖拽动作。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Layui pour implémenter la fonction de tableau de bord de visualisation de données par glisser-déposer Comment utiliser Layui pour implémenter la fonction de tableau de bord de visualisation de données par glisser-déposer Oct 26, 2023 am 11:27 AM

Comment utiliser Layui pour implémenter la fonction de tableau de bord de visualisation de données par glisser-déposer Introduction : La visualisation de données est de plus en plus utilisée dans la vie moderne, et le développement de tableaux de bord en est une partie importante. Cet article présente principalement comment utiliser le framework Layui pour implémenter une fonction de tableau de bord de visualisation de données par glisser-déposer, permettant aux utilisateurs de personnaliser de manière flexible leurs propres modules d'affichage de données. 1. Préparation au téléchargement du framework Layui. Tout d'abord, nous devons télécharger et configurer le framework Layui. Vous pouvez le télécharger sur le site officiel de Layui (https://www

Comment utiliser Layui pour implémenter la fonctionnalité de composant d'onglet déplaçable Comment utiliser Layui pour implémenter la fonctionnalité de composant d'onglet déplaçable Oct 26, 2023 pm 01:05 PM

Comment utiliser Layui pour implémenter la fonction de composant d'onglet déplaçable Layui est un framework d'interface utilisateur frontal léger qui fournit des composants riches et des API pratiques, rendant le développement front-end plus simple et plus efficace. Parmi eux, le composant onglet est l'une des fonctions couramment utilisées dans Layui. Dans le développement réel, nous rencontrons souvent le besoin de glisser-déposer des onglets pour les trier ou de les faire glisser pour les transposer. Cet article présentera comment utiliser Layui pour implémenter la fonction de composant d'onglet déplaçable sous forme d'exemples. Tout d'abord, nous devons présenter les éléments liés à Layui

Comment utiliser Vue pour implémenter un éditeur visuel par glisser-déposer ? Comment utiliser Vue pour implémenter un éditeur visuel par glisser-déposer ? Jun 25, 2023 pm 08:22 PM

Vue est un framework JavaScript moderne. Lors de l'implémentation d'un éditeur visuel, il peut fournir un riche ensemble de composants, d'instructions, de hooks de cycle de vie et d'autres fonctions. Il fournit également des API pratiques pour la mise en œuvre d'une interaction glisser-déposer. Dans cet article, nous présenterons comment utiliser Vue2.x pour implémenter un éditeur visuel par glisser-déposer afin de permettre aux développeurs Web d'implémenter rapidement les fonctions correspondantes dans leurs projets. Structure des composants Tout d'abord, nous devons diviser la structure des composants de l'éditeur visuel, qui se compose généralement des éléments suivants

Comment utiliser Layui pour implémenter la fonction de pagination déplaçable Comment utiliser Layui pour implémenter la fonction de pagination déplaçable Oct 25, 2023 pm 12:46 PM

Comment utiliser Layui pour implémenter la fonction de pagination déplaçable Introduction : Dans le développement Web, la fonction de pagination est l'une des exigences les plus courantes. Layui est un framework d'interface utilisateur frontal léger qui fournit une multitude de composants et de fonctions qui peuvent grandement simplifier notre travail de développement. Dans cet article, nous présenterons comment utiliser Layui pour implémenter la fonction de pagination glisser-déposer et fournirons des exemples de code spécifiques pour référence. 1. Utilisation de base de Layui Avant de commencer, vous devez d'abord comprendre quelques méthodes d'utilisation de base de Layui. Noyau Layui

Comment utiliser Layui pour implémenter la fonction de menu arborescent déplaçable Comment utiliser Layui pour implémenter la fonction de menu arborescent déplaçable Oct 27, 2023 pm 06:51 PM

Présentation de l'utilisation de Layui pour implémenter un menu arborescent déplaçable : Layui est un framework frontal simple et facile à utiliser qui fournit une multitude de composants et de plug-ins pour permettre aux développeurs de créer rapidement des pages. Cet article explique comment utiliser Layui pour implémenter une fonction de menu arborescent déplaçable. Nous utiliserons le composant d'arborescence fourni par Layui et le développerons avec un plug-in glisser-déposer pour implémenter la fonction de tri par glisser-déposer du menu arborescent. Présentation des ressources associées Tout d'abord, nous devons présenter les fichiers de ressources pertinents de Layui, y compris le fichier de framework Layui

Comment implémenter une mise en page déplaçable dans Vue ? Comment implémenter une mise en page déplaçable dans Vue ? Jun 25, 2023 am 08:48 AM

Avec le développement continu de la technologie Web frontale, de plus en plus de développeurs commencent à utiliser l'architecture SPA (Single Page Application) pour créer des applications. En tant que l'un des frameworks frontaux Web les plus populaires actuellement, Vue fournit une riche bibliothèque de composants et des outils pour faciliter la création d'applications SPA. Vue fournit également des solutions pratiques pour implémenter des mises en page déplaçables. 1. Utilisez Vue-Grid-LayoutVue-Grid-Layout est un

Comment utiliser Layui pour implémenter les fonctions des composants de calendrier par glisser-déposer Comment utiliser Layui pour implémenter les fonctions des composants de calendrier par glisser-déposer Oct 26, 2023 pm 12:12 PM

Comment utiliser Layui pour implémenter la fonction de composant de calendrier glisser-déposer 1. Introduction Layui est un framework frontal Web léger qui fournit des composants d'interface utilisateur riches et des interfaces API simples et faciles à utiliser. Dans le développement quotidien, nous devons souvent utiliser des composants de calendrier pour afficher et gérer les informations temporelles. Cet article explique comment utiliser la fonction glisser-déposer de Layui pour implémenter un composant de calendrier déplaçable. 2. Préparation Avant de commencer, nous devons faire quelques préparatifs. Téléchargez le framework Layui Tout d'abord, nous devons télécharger le framework Layui

Comment utiliser Layui pour implémenter la fonction de puzzle déplaçable Comment utiliser Layui pour implémenter la fonction de puzzle déplaçable Oct 25, 2023 am 11:42 AM

Comment utiliser Layui pour implémenter la fonctionnalité de puzzle déplaçable Les puzzles sont une activité de divertissement classique, et de nombreuses applications Web et mobiles proposent désormais des versions de ce jeu. Dans cet article, nous présenterons comment utiliser le framework Layui pour implémenter une fonction de puzzle glisser-déposer et fournirons des exemples de code spécifiques. Layui est un framework frontal léger qui fournit un ensemble de composants d'interface simplifiés et de riches effets d'animation interactifs. Grâce au framework Layui, vous pouvez développer rapidement des applications Web belles et faciles à utiliser. Se battre pour réussir

See all articles