1. Home
  2. jQuery EasyUI drop - przeciągnij i upuść podstawowa

Najlepszy samouczek jQuery EasyUI drop - przeciągnij i upuść podstawowa W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI drop - przeciągnij i upuść podstawowa

Ten poradnik pokazuje, jak uczynić element HTML przyciągany, w tym przypadku, będziemy tworzyć trzy elementy div i umożliwić im przeciągnij i upuść.

Po pierwsze, musimy utworzyć trzy <div>: 

	<Div id = "DD1" class = "dd-demo"> </ div>
	<Div id = "DD2" class = "dd-demo"> </ div>
	<Div id = "DD3" class = "dd-demo"> </ div>

Przez pierwszy element <div>, możemy pozwolić przeciągnij domyślnie. 

	$ ( '# DD1') przeciągany () .;

Już drugi element <div>, możemy stworzyć klon (klon) oryginalnych elementów agenta (proxy) można pozwolić, aby przeciągnąć. 

	$ ( '# DD2 "). Draggable ({
		Pełnomocnik: "klon"
	});

Już trzeci element <div>, tworzymy niestandardowe proxy (proxy) można pozwolić, aby przeciągnąć. 

	$ ( '# DD3 "). Draggable ({
		Pełnomocnik: function (źródło) {
			var p = $ ( '<div class = "proxy"> proxy </ div>');
			p.appendTo ( 'body');
			powrót p;
		}
	});

Pobierz przykłady jQuery EasyUI

jeasyui-dd-basic.zip

Hot Tutorials

Contact US

jQuery EasyUI drop - przeciągnij i upuść podstawowa
10/30