jQuery Sortable - keeping Fixed Items

by ian_smithz

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<div id="container">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item fixed">Item 3</div>
    <div class="item">Item 4</div>
</div>

CSS

.item
{
    background: #eeeeee;
    
    cursor: hand; 
    cursor: pointer;
}

.item.fixed
{
    background: #ffbbbb;   
}

JavaScript

$('#container').sortable({
    items: '.item:not(.fixed)'
});
$('#container').disableSelection();