Как перетащить Родительский div iframe

---

Привет,
Я хочу отсортировать неупорядоченный список. но я не мог перетащить список, потому что iframe не позволял получить доступ к родительскому "li". пожалуйста, скажите мне, как перетащить "ли".

Что я уже пробовал:

<ul id="sortable">
      <li class="ui-state-default">
          <iframe name="jobManagementWidgetFrame" frameborder="0" scrolling="no" src="Widgets/JobManagementWidget.aspx"></iframe>
      </li>
      <li class="ui-state-default">
          <iframe name="jobManagementWidgetFrame" scrolling="no" frameborder="0" src="Widgets/PrinterStatusWidget.aspx"></iframe>
      </li>
      <li class="ui-state-default">
          <iframe name="jobManagementWidgetFrame" scrolling="no" frameborder="0" src="Widgets/CurrentOrderWidget.aspx"></iframe>
      </li>
      <li class="ui-state-default">
          <iframe name="jobManagementWidgetFrame" scrolling="no" frameborder="0" src="Widgets/PrinterAgentWidget.aspx"></iframe>
      </li>
      <li class="ui-state-default">
          <iframe name="jobManagementWidgetFrame" scrolling="no" frameborder="0" src="Widgets/JobManagementWidget.aspx"></iframe>
      </li>
    </ul> 

& lt;скрипт>
$(функция ()
{
$( "#сортировки" ).сортируемый({
вернуться: правда
});


$( "ul, li"). disableSelection();
} );
< / script>

< style type= "text/css">
ул
{
ширина:100%;
высота: авто;
цвет фона: серый;
список-стиль-тип: нет;
маржа: 0;
заполнение: 0;
маржа-дно: 10px;
}
ли
{
поплавок: левый;
маржа: 5 пикселей;
прокладка: 5px;
ширина:31%;
высота:360px;
z-индекс:5;
}
< / стиль>

---