Nested sortables... again :(
I've not found any solution @ this... could someone help me?
I need to reorder a system menu. This is my code but I can't
dropOnEmptyZone... where is my fault?
Really thanks to all :D
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="ui/jquery.ui.all.js">
</script>
<script>
$(document).ready(function(){
$("ul#topmenu_edit").sortable({
connectWith: ["ul"],
items : "li" ,
dropOnEmpty:true
});
});
</script>
</head>
<body>
<ul id="topmenu_edit">
<li id="topmenu_aggiorna">
<img title="sposta" src="move_16.png" class="move">Ricarica</
li>
<li id="topmenu_index">
<img title="sposta" src="move_16.png" class="move">Home</li>
<li style="" id="topmenu_users">
<img title="sposta" src="move_16.png" class="move">Utenti
<ul id="UL_9">
<li id="topmenu_elenco_utenti">
<img title="sposta" src="move_16.png" class="move">Elenco</
li>
<li id="topmenu_nuovo_utente">
<img title="sposta" src="move_16.png" class="move">Nuovo</
li>
</ul></li><li style="" id="topmenu_permessi">
<img title="sposta" src="move_16.png" class="move">Permessi
<ul id="UL_44">
<li id="topmenu_permesso.elenco">
<img title="sposta" src="move_16.png" class="move">Elenco</
li>
<li id="topmenu_permesso.nuovo">
<img title="sposta" src="move_16.png" class="move">Nuovo</
li>
</ul></li>
<li id="topmenu_prenotazione.elenco">
<img title="sposta" src="move_16.png" class="move">Elenco</li>
<li id="topmenu_logout">
<img title="sposta" src="move_16.png" class="move">Logout</li>
</ul>
</body>
</html>