jquery drag & drop

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • jquery drag & drop

    Hi,
    ich will mir folgendes bauen:

    habe ein div (z.b. #target) in das ich mittels jQuery und UI draggable und droppable bilder aus einer Bildauswahl ziehen will.
    soweit so gut, aber es soll im Target immer nur ein Bild dargestellt werden.
    Wenn schon ein Bild in das Target gezogen wurde soll es wieder an seinen ursprünglich Platz zurück.

    Was bisher geht:
    habe ein div#target und eine ul mit den Bildern.
    reinziehen klappt aber hier meine fragen:

    - wie kann ich denn beim droppable abfragen ob schon ein Bild abgelegt wurde?

    und wie könnte ich dieses Bild wieder an seinen Ursprungs ort ablegen?
    das müsste ja eigentlich in der anonymen Funktion beim Event drop erfolgen:

    PHP-Code:
    $( "#target" ).droppable(
      { 
       
    accept".drag_item"
      
    },
     {
       
    drop: function( eventui ) {
          
    //if(schon_was_abgelegt){
          // lege_zurück();
          //}
          // oder so in der Art.....
       
    }
     }
    ); 
    in der Doku zu draggable / droppable finde ich nix entsprechendes
    oder kennt einer ein Script wo ich die funktionsweise an-/abschauen könnte?
    THX
    McM
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx

  • #2
    PHP-Code:
    $( "#target" ).droppable
      {  
       
    accept".drag_item" 
      
    }, 
     { 
       
    drop: function( eventui ) { 
          if($(
    this).children().length){ 
           $(
    ui.draggable).draggable"option""revert"true );
          }  
       } 
     } 
    ); 
    eventuell so ! ungetestet
    Bitte Beachten.
    Foren-Regeln
    Danke

    Kommentar

    Lädt...
    X