comment faire glisser la forme bleue dans la div rouge à l'aide jquery-ui

Question

ceci est mon code:

<div id="test" style="width:200px;height:100px;background:red" class="tabs change_font_size"> 
     <div> 
      <a class="delete" style="float:right;font-size:20px;text-decoration:underline;cursor:pointer;">delete</a> 
      <form action="/" style="background:blue"> 
       <input type="text" name="text"/> 
       <input type="submit" value="submit"/> 
      </form> 
     </div> 
    </div> 

$('#test').draggable() 

vous pouvez exécuter ce code dans cette http://jsfiddle.net/8vntr/1/

je peux faire glisser le div rouge, mais je ne peux pas faire glisser la forme bleue,

que puis-je faire?

grâce

Answer 1

régler la hauteur de la forme et de la largeur à 0:

  <form action="/" style="background:blue,width:0;height:0;"> 
      <input type="text" name="text"/> 
      <input type="submit" value="submit"/> 
     </form> 

Answer 2

Mettre la balise en dehors de la forme draggable div semble fonctionner.

<form action="/"> 
<div id="test" style="width:200px;height:100px;background:red" class="tabs change_font_size"> 
     <div> 
      <a class="delete" style="float:right;font-size:20px;text-decoration:underline;cursor:pointer;">delete</a> 
      <div> 
       <input type="text" name="text"/> 
       <input type="submit" value="submit"/> 
      </div> 
     </div> 
    </div> 
</form>