Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Fixed #4551 - Sortable connectWith fails if item is floated. Props dh…
…lavety and jlillywhite.
- Loading branch information
Showing
with
51 additions
and 4 deletions.
@@ -0,0 +1,51 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<title>Sortable Visual Test : Sortable ticket #4551</title> | ||
<link rel="stylesheet" href="../visual.css" type="text/css" /> | ||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css"> | ||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script> | ||
<script type="text/javascript" src="../../../ui/ui.core.js"></script> | ||
<script type="text/javascript" src="../../../ui/ui.sortable.js"></script> | ||
<script type="text/javascript"> | ||
$(function() { | ||
$("#first, #second").sortable({ | ||
connectWith: '.sortable' | ||
}).disableSelection(); | ||
}); | ||
</script> | ||
<style type="text/css"> | ||
.sortable { margin: 0; padding: 0; } | ||
.sortable div { margin: 3px 3px 3px 0; background: #ccc; padding: 1px; border: 1px solid black; float:left; width: 100px; height: 140px; font-size: 1em; text-align: center; } | ||
#second div { background: #acc; } | ||
</style> | ||
</head> | ||
<body> | ||
|
||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4551">#4551 - Sortable connectWith fails if item is floated</a></h1> | ||
|
||
<div id="first" class="sortable"> | ||
<div>1</div> | ||
<div>2</div> | ||
<div>3</div> | ||
<div>4</div> | ||
<div>5</div> | ||
<div>6</div> | ||
<div>7</div> | ||
<div>8</div> | ||
<div>9</div> | ||
<div>10</div> | ||
<div>11</div> | ||
<div>12</div> | ||
</div> | ||
|
||
<br style="clear:both;"> | ||
<hr /> | ||
|
||
<div id="second" class="sortable"> | ||
<div>12</div> | ||
<div>14</div> | ||
</div> | ||
|
||
</body> | ||
</html> |