Zugriff auf und verwenden Sie $ .post -Ergebnisse problemlos?

Question

Ich versuche, eine Seite zu erstellen, auf der Benutzer auf der linken Seite nach Elementen suchen und die gewünschten Elemente nach rechts ziehen und wie ein Einkaufswagen nachgeben können.

Ich habe benutzt

 $(function() {
 $(".result").draggable({
    helper: function(event, ui) {
    return $(this).clone().children("img");
    }
    });

    $("#rightcol").droppable({
        accept: ".result",
        drop: function(event,ui){
        $(this).append($(ui.draggable).clone());
        //console.log($(ui.draggable));
        }
        });

});

Für den Drag & Drop, auf den ich gehofft habe, aber was auch immer der Benutzer auf die rechte Seite zieht (#Rightcol), wenn eine neue Suche eingereicht wird. Ich habe versucht, das Formular zu ändern, um AJAX mit jQuery so zu verwenden

 $(document).ready(function() {
          $("#form").submit( function () {    
          $.post(
           'p_search.php',
            $(this).serialize(),
          function(data){
              //data is what i want to be draggable
              //call other function here
              $(".build").html(data).load();
            }
          );
          return false;   
        });   

 });

Was großartig funktioniert, aber die Divs (. Gibt es eine Möglichkeit, die (.Result-) Elemente leicht zu initialisieren, ohne die Seite zu erfrischen?

Answer 1

Ich glaube, sie sind nicht draggierbar, weil sie geschaffen wurden nach Sie haben definiert, welche Elemente draggierbar sind.
(Bedeutung - sie sind nach dem erstellt $(".result").draggable(... Anruf.)
Ich denke, Sie sollten sich ansehen live()