Question

I have a div inside a div that I don’t want to be able to drag around as it is a navigation element.

example:

$(function() {
    $( "#container" ).sortable();
    $( "#container" ).disableSelection();
});

<div id="container">
   <div class="move">drag me around</div>
   <div class="nav">Don't move me</div>
</div>

Basically the .nav I don’t want to be able to drag I tried this but it didn’t work

$( "#sortable1" ).sortable({
            items: "li:not(.ui-state-disabled)"
        });

Answer 1

Just filter out the item you don’t want to be sortable:

$('#container').sortable({
    items: 'div:not(.nav)'
});

Your current filter is acting on li elements, you’re using div elements.