как перетащить синюю форму в красный div с помощью jquery-ui

Question

это мой код:

<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()

вы можете запустить этот код в этом http://jsfiddle.net/8vntr/1/

я могу перетащить красный divя не могу перетащить синюю форму,

что я могу сделать?

спасибо

Answer 1

Помещение тега формы за пределы перетаскиваемого элемента div, похоже, работает.

<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>

Answer 2

установите высоту и ширину формы равными 0:

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