diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2010-10-13 15:23:42 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2010-10-13 15:23:42 -0400 |
| commit | bb41a258a84413b1fa2fda1a17a9ed86fd9d83e9 (patch) | |
| tree | dedd68ac032e61877521d8c8fa8f205537444f81 /demos/sortable/connect-lists.html | |
| parent | a829697d0c9083438bde3a2e47964c29bfbc9417 (diff) | |
| download | jquery-ui-bb41a258a84413b1fa2fda1a17a9ed86fd9d83e9.tar.gz jquery-ui-bb41a258a84413b1fa2fda1a17a9ed86fd9d83e9.zip | |
Sortable demos: Coding standards.
Diffstat (limited to 'demos/sortable/connect-lists.html')
| -rw-r--r-- | demos/sortable/connect-lists.html | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/demos/sortable/connect-lists.html b/demos/sortable/connect-lists.html index b08678d61..1741a8bd4 100644 --- a/demos/sortable/connect-lists.html +++ b/demos/sortable/connect-lists.html @@ -1,23 +1,23 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8" /> + <meta charset="utf-8"> <title>jQuery UI Sortable - Connect lists</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.4.2.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.sortable.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.4.2.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.mouse.js"></script> + <script src="../../ui/jquery.ui.sortable.js"></script> + <link rel="stylesheet" href="../demos.css"> + <style> #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; } #sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; } </style> - <script type="text/javascript"> + <script> $(function() { - $("#sortable1, #sortable2").sortable({ - connectWith: '.connectedSortable' + $( "#sortable1, #sortable2" ).sortable({ + connectWith: ".connectedSortable" }).disableSelection(); }); </script> @@ -43,15 +43,15 @@ </div><!-- End demo --> -<div class="demo-description"> + +<div class="demo-description"> <p> Sort items from one list into another and vice versa, by passing a selector into the <code>connectWith</code> option. The simplest way to do this is to group all related lists with a CSS class, and then pass that class into the sortable function (i.e., <code>connectWith: '.myclass'</code>). </p> - </div><!-- End demo-description --> </body> |