drag and drop tárgyakat

Húzható plugin lehetővé teszi, hogy az oldalelemek mozgatni az egeret. Ezek az elemek automatikusan adott ui-húzható osztályú. és amikor a mozgó tovább, és ui-húzható-húzás.

Drag and drop elemek létrehozásához három új típusú események: indul, húz, és megáll. Ezek időpontja az megfogó, mozgó és felszabadító idején szállított elemek. Rakodók ezek az események kapnak 2 paraméterek: a standard esemény célja a böngésző és egyéb tárgy (az úgynevezett ui) az alábbi területeken:

ui.helper - segédcellában (helper) jQuery alakú tárgyat. További részletek erről a elem megtalálható a jellemvonások segítő. ui.position - helyzetben a mozgatható elem képest a legközelebbi C szülő típusának meghatározását rangsor (CSS-tulajdonság egyenlő relatív pozíció vagy abszolút vagy állandó). ui.offset - a helyzet a mozgatható elem kezdetéhez képest a dokumentumot.

Az elem módosításához koordináták idején mozgó, akkor a pozíció ingatlan az eseménykezelő:

vagy offset tulajdonság, amely előállítható közvetlenül a áthelyezendő objektum:

↓ neve tulajdonság: érték típusú (alapértelmezett)

Megálló \ folytatódik húzhatja oldalelemek.

Ha ezt a tulajdonságot false. törli az automatikus telepítési osztály „ui-húzható” a leesett tárgyakat. Ez lehet egy intézkedés az optimalizálás, abban az esetben van szükség, hogy a mozgatható elemek több száz, vagy még több.

Ez a paraméter határozza meg, amely eleme az oldal segédcella (segítő, cm. Tulajdonság az azonos nevű) van elhelyezve. Alapértelmezésben ez kerül oda, ahol a mozgatható elem is. appendTo megadható DOM-tag vagy választó. amelyben keresünk elem.

Ez a paraméter határozza meg az irányt, amelyben lehetőség lesz az elemet. Lehetséges értékei „x”. „Y” és hamis (csak függőlegesen, csak vízszintesen vagy minden esetben).

Mégsem a paraméter határozza meg, amelyek elemek nem lehet „venni”, hogy mozog a kezdő elem.

Ez határozza meg, hogy húzható-elemet adhatunk a készlet rendezhető-elemek (lásd. Rendezhető bővítmény). A paraméter megtehetsz vagy az érték hamis. egy string a választó, rendezhető meghatározó csoport elemek. A helyes működés script van húzható-tag kedvezően beállítható segítő kiegészítő elem: „klón” (lásd segítő tulajdonság.).

Ez a paraméter határozza meg a konténment mozgásának korlátait az elem húzása közben. Alapértelmezésben nem azok, de adható területe egy elem (pl szelektoroktól „szülő”, „dokumentum”, „ablak”, stb), és emellett szabhat határt téglalap koordinátáit [x1, y1, x2 , y2].

Húzható elemek lehet tanítani „primagnichivatsya” a széleit a többi elem (lásd. A fenti példa a „Mágneses él”). Ehhez a tulajdonságot true pillanatok alatt. ahol az egyik a másik primagnichivatsya lehet húzható elem. Továbbá, Snap paraméter választó lehet hozzárendelni, majd, a mozgatható elem mágnesek csak az elemeket, amelyek megfelelnek az azt. Tulajdonságok snapMode és snapTolerance kialakítanak Magnet.

SnapMode tulajdonság határozza Magnet mód húzza elemeket (lásd. A beépülő funkció). Lehetséges értékek: „belső”, „külső”, „mind a”. Azt jelenti, hogy a mozgatható elemek csak a belső mágnes, csak a külső, vagy mindkét oldalán a kiválasztott ingatlan beépülő elemek.

snapTolerance határozza meg a távolságot (pixel), míg azon kezd működni Magnet (lásd. beépülő tulajdonság).

Húzható elemek talált keresztül egy előre meghatározott verem választó elején mozgó automatikusan megkapja a legnagyobb z-index (lásd. A fenti példa az „Auto z-index”).

Kapcsolódó cikkek