diff options
| author | Richard Worth <rdworth@gmail.com> | 2009-02-07 17:40:54 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2009-02-07 17:40:54 +0000 |
| commit | 7eada061ed749b73fc728329149a31b258439f49 (patch) | |
| tree | 91c60e0d995a9d6ceb86deb95b6f4d8ff243bbaa /tests/visual/droppable | |
| parent | 1e6858cc3292543e452f33f5d8ddd76a35c7f540 (diff) | |
| download | jquery-ui-7eada061ed749b73fc728329149a31b258439f49.tar.gz jquery-ui-7eada061ed749b73fc728329149a31b258439f49.zip | |
fixed name and location of test page for #4088 - droppable, not sortable issue
Diffstat (limited to 'tests/visual/droppable')
| -rw-r--r-- | tests/visual/droppable/droppable_ticket_4088.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/tests/visual/droppable/droppable_ticket_4088.html b/tests/visual/droppable/droppable_ticket_4088.html new file mode 100644 index 000000000..4fccc5ce6 --- /dev/null +++ b/tests/visual/droppable/droppable_ticket_4088.html @@ -0,0 +1,66 @@ +<!doctype html> +<html lang="en"> +<head> + <title>Droppable Visual Test - Droppable ticket 4088</title> + <link type="text/css" href="../../../themes/base/ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../../jquery-1.3.1.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" src="../../../ui/ui.droppable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } + #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } + #sortable li span { position: absolute; margin-left: -1.3em; } + + #trash { width: 58%; height: 8em; padding: 1%; margin-top: 1%; } + #trash h4 { line-height: 16px; margin: 0 0 0.4em; } + #trash h4 .ui-icon { float: left; } + </style> + <script type="text/javascript"> + $(function() { + $("#sortable").sortable(); + $("#trash").droppable({ + accept: '#sortable > li', + activeClass: 'ui-state-highlight', + drop: function(ev, ui) { + if (ui.draggable.is('#special')) { + setTimeout(function() { ui.draggable.remove(); }, 1); + } else { + ui.draggable.remove(); + ui.draggable.html('<strong>I was dropped and removed, but still here I am!</strong>'); + } + } + }); + }); + </script> +</head> +<body> + +<h1> +Ticket <a href="http://dev.jqueryui.com/ticket/4088">#4088</a> - Unable to remove() ui.draggable (sortable item) immediately after the drop callback. +</h2> +<h2> +TEST: Drag 'Special Item' to the div labelled 'Drop here' +</h2> +<h2> +TEST: Drag a 'Normal Item' to the div labelled 'Drop here' +</h2> + +<ul id="sortable"> + <li class="ui-state-default" id="special"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Special Item</li> + <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 1</li> + <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 2</li> + <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 3</li> +</ul> + +<div id="trash" class="ui-widget-content ui-state-default"> + <h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Drop here</h4> +</div> + +<h3> +ASSERT: The dropped item is removed from the original list and the following text does not appear: "<strong>I was dropped and removed, but still here I am!</strong>" +</h3> + +</body> +</html> |