Question

i’m applying jquery sortable on list of divs below is my code

                    <div class="area_options">
                      <div class="area_top"><p>At the bar</p></div>
                      <div class="area_list"><p>Appetizers</p></div>
                      <div class="area_list"><p>Beverages</p></div>
                      <div class="area_list"><p>Cocktail</p></div>
                    </div>

I want to make area_top div fixed which is heading of container.And apply sortable on the base of are_list div only.

Now sortable working fine and are apply also on area_top div.

How i can make area_top div fixed?

Thanks

Answer 1

You need to set the option items of the sortable() to .area_list

The documentation of the property here says:

Specifies which items inside the element should be sortable.

EDIT: With your current html, the javascript would be like this :

$(".area_options").sortable({ items: ".area_list" });