Heim  >  Artikel  >  Web-Frontend  >  jQuery EasyUI Tutorial-Droppable (Ort)

jQuery EasyUI Tutorial-Droppable (Ort)

黄舟
黄舟Original
2016-12-27 16:28:221294Durchsuche

Im vorherigen Artikel haben Sie das jQuery EasyUI-Tutorial-Draggable-Plug-in kennengelernt. Zusätzlich zur Verwendung des Draggable-Plug-Ins zum Ziehen eines beliebigen Elements können Sie auch das Droppable-UI-Plug-In aufrufen, um das gezogene Element zu platzieren jedes Element in den angegebenen Bereich, ähnlich einem Warenkorbeffekt.

Okay, lass uns als nächstes jQuery-Droppable (Platzierung) lernen!

Verwenden Sie $.fn.droppable.defaults, um das Standardwertobjekt zu überschreiben.

Anwendungsfall:

Erstellen Sie eine Drop-Zone durch Tags und Javascript.

1. Erstellen Sie einen Platzierungsbereich durch Tags.

<div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” 
style=”width:100px;height:100px;”></div>

2. Verwenden Sie Javascript, um einen Drop-Bereich zu erstellen.

<div id=”dd” style=”width:100px;height:100px;”></div>
$(‘#dd’).droppable({
accept:’#d1,#d3′
});

Eigenschaften:

jQuery EasyUI Tutorial-Droppable (Ort)

Ereignisse:

jQuery EasyUI Tutorial-Droppable (Ort)

Methode :

jQuery EasyUI Tutorial-Droppable (Ort)

Das Obige ist der Inhalt des jQuery EasyUI-Tutorials – Droppable (Platzierung). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php). cn)!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn