Ik ben weer eens helemaal vast gelopen met mijn sorteerbare menu.
Als ik nu een menu wil verplaatsen verplaats ik meteen de hele kolom.
Weet misschien iemand wat er niet in mijn script klopt?
.js:
$(document).ready(function() {
$('#main_left .menu .inmenu').sortable({
opacity: '0.5',
update: function(event, ui) {
var serial = $(this).sortable( 'serialize' );
$.ajax({
url:
'sortdata.php?m=links',
type:
'POST',
data:
serial,
success:
function( feedback ) {
$('#data').html( feedback );
},
error:
function( request, status ) {
$('#data').html( 'Fout opgetreden status was: ' + status );
}
});
}
});
$('#main_right .menu .inmenu').sortable({
opacity: '0.5',
update: function(event, ui) {
var serial = $(this).sortable( 'serialize' );
$.ajax({
url:
'sortdata.php?m=rechts',
type:
'POST',
data:
serial,
success:
function( feedback ) {
$('#data').html( feedback );
},
error:
function( request, status ) {
$('#data').html( 'Fout opgetreden status was: ' + status );
}
});
}
});
});
broncode:
<div id="main_left">
<div class="main_balk1"></div>
<div class="main_balk2"></div>
<div class="menu">
<div class="inmenu"><br/>
<div id="menu_1">
<div class="roundMenu menuL_sub">Algemeen</div><hr/>
<ul>
<li><a href="index.php?p=index&lang=nl">Index</a></li>
<li><a href="#">Inbox</a></li>
<li><a href="#">Vrienden</a></li>
<li><a href="index.php?p=helpdesk&lang=nl">Helpdesk/Bug Tracker</a></li>
<li><a href="index.php?p=logout&lang=nl">Uitloggen</a></li>
</ul>
</div>
<div id="menu_2">
<div class="roundMenu menuL_sub">Huizen</div><hr/>
<ul>
<li><a href="index.php?&p=makelaar&lang=nl">Makelaar</a></li>
<li><a href="#">Inrichten</a></li>
<li><a href="#">Onderhoud</a></li>
<li><a href="#">Verbouwen</a></li>
</ul>
</div>
<div id="menu_3">
<div class="roundMenu menuL_sub">Verzorging</div><hr/>
<ul>
<li><a href="#">Eten maken</a></li>
<li><a href="#">Uit eten</a></li>
<li><a href="#">Badkamer</a></li>
</ul>
</div>
<div>
<div class="roundMenu menuL_sub">Admin only</div><hr/>
<ul>
<li><a href="***">Helpdesk/Bug Tracker</a></li>
<li><a href="***">FAQ vragen toevoegen</a></li>
<li><a href="***">Banen toevoegen</a></li>
<li><a href="***">Opleiding toevoegen</a></li>
<li><a href="***">Huis toevoegen</a></li>
<li><a href="***">Onderhoud toevoegen</a></li>
</ul>
</div>
</div>
</div>
</div>