corrade-http-templates
/inventoryBrowser/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> |