Beste php'ers,

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>
Waarom roep je die sortable wel twee keer aan?
En heeft '##main_left .menu .inmenu' dat niet een # te veel?
Nou doe je nog steeds twee keer hetzelfde.
En ik denk dat het beter is om de ul's te selecteren ipv die div:
<div class="inmenu">
Zoals ze bijvoorbeeld hier doen.
Want nu doe je het denk ik op deze manier.
Het is ook de bedoeling dat ik de 2e manier van jou doe,
en dan 2 rijen appart onderverdeeld in links en rechts.(rechter rij niet gepost maar hetzelfde)

demo: <verwijderd>

Reageren