jQuery: get <form> objet à sérialiser à partir d'un argument de fonction anonyme

Question

J'ai un formulaire dans un draggable() div. La forme ressemble simplement ceci:

<form id="add_interface" name="add_interface"> 
      USB  Type: 

       <select name="type-id"> 
        <option value="68">Micro-A</option> 
       </select> 
        Use: 

       <select name="use-id"> 
        <option value="13">Audio </option> 
       </select> 

</form> 

Lorsque cela est « tombé » dans un droppable() div je me retrouve avec cette erreur:

XML filter is applied to non-XML value ({0:#1={}, length:1, context:#1#}) 

Le jQuery pour les regards largables comme celui-ci:

$("#droppable").droppable({ 
    drop: function(event, ui) { 
     $(this).effect('highlight'); 
     alert(ui.draggable.("#add_interface").serialize()); 
    } 
}); 

Je suppose que je n'accède pas au formulaire correctement, mais si j'essaye simplement de faire ui.draggable.serialize() je me retrouve avec une chaîne vide. Je me demande simplement comment je peux réellement sérialiser le formulaire dans le div draggable correct qui est abandonné.

Merci!

Answer 1

Vous les gars étaient presque là mais je devais aller creuser partout et essayer tout pour finalement le comprendre:

$(function(){ 
    $('.ui-widget-header').draggable({cursor: 'move', revert: true}); 
    $("#droppable").droppable({ 
     drop: function(event, ui) { 
      $(this).effect('highlight'); 
      alert($(ui.draggable.find('#add_interface')).serialize()); 
     } 
    }); 
}); 

Donc la façon dont vous traitez l'argument ui est comme ça: $(ui.draggable.find('#add_interface')) et ALORS vous pouvez serialize() cela, sinon je recevais juste [objet objet] alerté par opposition à la forme sérialisée

Answer 2

Je ne suis pas sûr si vous venez de faire une faute de frappe dans votre code ici ou si vous l'avez dans votre source aswell , mais je suppose que:

ui.draggable.("#add_interface").serialize() 

doit être:

ui.draggable("#add_interface").serialize()