Question

I have a web page which have fixed layout. Here is my Html,

html

<div id="sortable" style="display: block;">   
    <fieldset style="float: left;">
         <table>
             <tbody>
                 <tr>               
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_53_4753.jpg" style="border-color:#DDDDDD;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_54_4754.png" style="border-color:White;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_55_4755.jpg" style="border-color:White;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_56_4756.jpg" style="border-color:White;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                </tr>
            </tbody>
        </table>
    </fieldset>
</div>​

Now on my page I want to include jquery sortable option. I tried but failed. Here is what I have tried:

jQuery

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

http://jsfiddle.net/JXqst/9/

Answer 1

you have to change ur js like this

$( "#sortable table tr" ).sortable();​

DEMO