Question

i have div structure like this :

<div id="container">
    <div id="row1" class="row">
        <div class="c1"></div>
        <div class="c2"></div>
        <div class="c3"></div>
    </div>      
    <div id="row2" class="row">
        <div class="c1"></div>
        <div class="c2"></div>
        <div class="c3"></div>
    </div>      
    <div id="row3" class="row">
        <div class="c1"></div>
        <div class="c2"></div>
        <div class="c3"></div>
    </div>      

</div>

from the above code, what i want is , i should be able to sort only rows . means, exchanging row1 with row2 , like that .

What i tried :

 $("#container").sortable()
 $("#container").sortable({connectWith : '.row'})
 $(".row").sortable({connectWith : '#container'})

What is the solution , and i am facing this problem for every of my projects, can u explain how to exactly use that ?

thanks

Answer 1

 $("#container").sortable();

is working just fine.

DEMO

Problem may cause by following:

• Forget to include jQuery
• Forget to inclue jQueryUI library
• don’t wrap the script with $(documet).ready(function() {...})