Сортируемый JQuery не может быть перетащен за пределы аккордеона
У меня есть 2 связанных сортируемых списка. Один внутри гармошки. Когда я пытаюсь перетащить предметы из сортируемого в аккордеон, помощник исчезает, как только я выхожу из аккордеона. Я могу перейти к одной из других связанных сортируемых таблиц, и элемент отобразится, но он просто не отображается, пока я перетаскиваю. Аккордеон также прокручивается вниз, если я перетаскиваю и падаю вниз.
Я могу перетащить элементы из любого другого списка, где мне нужно, и это отлично работает. Как я могу сделать так, чтобы предметы не исчезали при перетаскивании их из гармошки наружу?
Я уже попробовал вариант сдерживания, но это, кажется, не имеет никакого эффекта.
Вот код для выявления проблемы, которую я взял из этих примеров:http://jqueryui.com/demos/sortable/#connect-lists
Я хочу иметь возможность перетаскивать предметы из аккордеона в сортируемый список. Я действительно могу поместить их в список, но они исчезают, пока я тащу их за пределы аккордеона.
<html>
<head>
<title>Accordion Sortable Failure Test</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$(".sortable").sortable({connectWith: ".sortable"});
$("#accordion").accordion({ header: "h3" });
});
</script>
</head>
<body>
<h2>Sortable</h2>
<ul class="sortable">
<li>Row 1</li>
<li>Row 2</li>
</ul>
<h2>Accordion</h2>
<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<ul class="sortable">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ul>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div>
</body>
</html>