UI do jQuery classificável () - o listitem salta para o topo no Safari e Chrome
Eu tenho uma lista desordenada e ordenada na parte inferior da minha página, que funciona perfeitamente no Firefox. No entanto, no Safari / Chrome, o item de lista agarrado pula instantaneamente para o topo da página quando eu quero arrastá-lo, como se o UL estivesse no topo da janela. Alguém sabe o que está acontecendo aqui?
Obrigado. Lex.
Aqui está o código:
HTML (e PHP):
<ul id="list">
<?
foreach($downloads as $download)
{
echo "<li class='downloads'><a rel='".$download->id."' href='".$base_url."downloads/".$download->id."'>".$download->title."</a></li>";
}
?>
</ul>
CSS:
ul#list {
padding: 10px 0;
display: block;
}
ul#list li {
background: #fff;
padding: 10px;
color: #bc1e2c;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-weight: bold;
margin: 10px 0;
display: block;
}
ul#list li:hover {
background: #212121;
color: #fff;
cursor: move;
}
JS:
$(".alter-content ul#list").sortable({
update : saveSortorder,
containment: 'parent'
});