corrade-http-templates
| /instantMessage/node_modules/jquery-ui/tests/visual/compound/draggable_accordion.html |
|---|
| @@ -0,0 +1,59 @@ |
| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <title>Compound Visual Test : Draggable in Accordion</title> |
| <link rel="stylesheet" href="../visual.css"> |
| <link rel="stylesheet" href="../../../themes/base/all.css"> |
| <style> |
| .draggable { |
| width: 10em; |
| margin: 0.5em; |
| } |
| </style> |
| <script src="../../../external/requirejs/require.js"></script> |
| <script src="../../../demos/bootstrap.js" data-modules="accordion draggable" |
| data-composite="true"> |
| $( ".draggable" ).addClass( "ui-widget ui-widget-content ui-corner-all" ) |
| $( "#first .draggable" ).draggable(); |
| $( "#second .draggable" ).draggable({ |
| appendTo: "body" |
| }); |
| $( "#third .draggable" ).draggable({ |
| helper: "clone", |
| appendTo: "body" |
| }); |
| $( "#accordion" ).accordion(); |
| </script> |
| </head> |
| <body> |
| <div id="accordion"> |
| <h3>.draggable()</h3> |
| <div id="first"> |
| <div class="draggable">Draggable 1-1</div> |
| <div class="draggable">Draggable 1-2</div> |
| <div class="draggable">Draggable 1-3</div> |
| <div class="draggable">Draggable 1-4</div> |
| <div class="draggable">Draggable 1-5</div> |
| </div> |
| <h3>.draggable({ appendTo: "body" })</h3> |
| <div id="second"> |
| <div class="draggable">Draggable 2-1</div> |
| <div class="draggable">Draggable 2-2</div> |
| <div class="draggable">Draggable 2-3</div> |
| <div class="draggable">Draggable 2-4</div> |
| <div class="draggable">Draggable 2-5</div> |
| </div> |
| <h3>.draggable({ helper: "clone", appendTo: "body" })</h3> |
| <div id="third"> |
| <div class="draggable">Draggable 3-1</div> |
| <div class="draggable">Draggable 3-2</div> |
| <div class="draggable">Draggable 3-3</div> |
| <div class="draggable">Draggable 3-4</div> |
| <div class="draggable">Draggable 3-5</div> |
| </div> |
| </div> |
| </body> |
| </html> |