Juery drag and drop element bei erfolg orinal löschen

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

Montag, 2. Januar 2012, 02:32

Wie kann ich das orignale Element das ich per drag and drop verschoben habe löschen?
Ich habs schon mit helper: original probiert, aber das verhaut mir immer meine <ol>. Deswegen hab ich gedacht ich kann es irgendwie mit remove entfernen wenn es erfolgreich verschoben wurde.

Javascript-Quelltext

$( "#mitA li" ).draggable({
			appendTo: "body",
                        helper: "clone",
                        cursor: "move",
                        revert: "invalid",
			cursorAt: {left: -25, top: 5}
                        
                        })
                        
                        $( ".mitB" ).droppable({
			activeClass: "ui-state-default",
			hoverClass: "ui-state-hover",
			accept: ":not(.ui-sortable-helper)",
			drop: function( event, ui ) {
				$( this ).val( ui.draggable.text() );

			}})

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Montag, 2. Januar 2012, 09:27

schau mal hier

http://jqueryui.com/demos/droppable/#shopping-cart

drop: function( event, ui ) {
$( this ).find( ".placeholder" ).remove(); //entferne div mit class .placeholder
$( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
}

schau mal im Firebug was dein helper als klasse erhält

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (2. Januar 2012, 09:27)

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

Mittwoch, 4. Januar 2012, 14:36

Die Klasse die zugewiesen wird ist die ui-draggable. Ich habs mal so probiert aber, gelöscht wird nix.

	Javascript-Quelltext
1 2 3 4 5 6	drop: function( event, ui ) { $( this ).val( ui.draggable.text() ); $( this ).find( ".ui-draggable" ).remove(); }}) })

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Mittwoch, 4. Januar 2012, 16:56

nein die klasse die zugewiesen wird beim CLON ist ui-draggable-dragging oder so

Mein kleines Projekt
-Cruel Online-

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

Mittwoch, 4. Januar 2012, 20:04

Mhh irgendwie bin ich zu blöd dafür die zu finden. Ich hab ein Element markiert und dacht wenn ich das dann ziehe, das dann irgendwie die Klasse angezeigt wird. Aber das ist nicht der Fall. Wie bekomm ich die Klasse denn raus?

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Mittwoch, 4. Januar 2012, 20:33

Javascript-Quelltext

$( "#mitA li" ).draggable({
			appendTo: "body",
                        helper: "clone",
                        cursor: "move",
                        revert: "invalid",
			cursorAt: {left: -25, top: 5}
                        
                        })
                        
                        $( ".mitB" ).droppable({
			activeClass: "ui-state-default",
			hoverClass: "ui-state-hover",
			accept: ":not(.ui-sortable-helper)",
			drop: function( event, ui ) {
				$( this ).val( ui.draggable.text() );
                               $('.ui-draggable-dragging').remove(); //einfach löschen...
			}})