<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Sortable Test Suite</title> <script src="../../jquery.js"></script> <link rel="stylesheet" href="../../../external/qunit/qunit.css"> <script src="../../../external/qunit/qunit.js"></script> <script src="../../../external/jquery-simulate/jquery.simulate.js"></script> <script src="../testsuite.js"></script> <script> TestHelpers.loadResources({ css: [ "core" ], js: [ "ui/core.js", "ui/widget.js", "ui/mouse.js", "ui/sortable.js", "ui/draggable.js" ] }); </script> <script src="sortable_common.js"></script> <script src="sortable_core.js"></script> <script src="sortable_events.js"></script> <script src="sortable_methods.js"></script> <script src="sortable_options.js"></script> <script src="sortable_test_helpers.js"></script> <script src="../swarminject.js"></script> <style> #sortable, #sortable2 { position:relative; top:0; left:0; padding: 0; margin: 1px; border-width: 0; } #sortable li, #sortable2 li{ padding: 0; margin: 0; border-width: 0; height:19px; } #sortable-table { width: 100%; } </style> </head> <body> <div id="qunit"></div> <div id="qunit-fixture"> <ul id="sortable" class="connectWith"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> <ul id="sortable2" class="connectWith"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> <table id="sortable-table"> <tbody> <tr> <td>1.1</td> <td>1.2</td> </tr> <tr> <td>1.3</td> <td>1.4</td> </tr> <tr> <td>1.5</td> <td>1.6</td> </tr> <tr> <td>1.7</td> <td>1.8</td> </tr> </tbody> <tbody> <tr> <td>2.1</td> <td>2.2</td> </tr> <tr> <td>2.3</td> <td>2.4</td> </tr> <tr> <td>2.5</td> <td>2.6</td> </tr> <tr> <td>2.7</td> <td>2.8</td> </tr> </tbody> <tbody> <tr> <td>3.1</td> <td>3.2</td> </tr> <tr> <td>3.3</td> <td>3.4</td> </tr> <tr> <td>3.5</td> <td>3.6</td> </tr> <tr> <td>3.7</td> <td>3.8</td> </tr> </tbody> </table> <div id="sortable-images"> <img src="../../images/jqueryui_32x32.png" alt=""> <img src="../../images/jqueryui_32x32.png" alt=""> <img src="../../images/jqueryui_32x32.png" alt=""> <img src="../../images/jqueryui_32x32.png" alt=""> </div> </div> </body> </html>