<script type="text/javascript" src="../../ui/ui.core.js"></script>\r
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>\r
<style type="text/css">\r
- .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }\r
- .ui-widget-header { height: 200px; }\r
+ .ui-widget-content { width: 75px; height: 80px; padding: 0.5em; float: left; margin: 5px; }\r
+ .ui-widget-header { height: 130px; }\r
</style>\r
<script type="text/javascript">\r
$(function() {\r
</div>\r
\r
<div id="draggable2" class="ui-widget-content">\r
- <p>I only snap to the orange box</p>\r
+ <p>I only snap to the big box</p>\r
</div>\r
\r
<div id="draggable3" class="ui-widget-content">\r
- <p>I only snap to the outer edges of the orange box</p>\r
+ <p>I only snap to the outer edges of the bix box</p>\r
</div>\r
\r
<div id="draggable4" class="ui-widget-content">\r
- <p>I only snap to the inner edges of the orange box</p>\r
+ <p>I only snap to the inner edges of the big box</p>\r
</div>\r
\r
<div id="draggable5" class="ui-widget-content">\r
- <p>I also snap to the orange box but I'm very sticky because I have a high snapTolerance</p>\r
+ <p>I also snap to the big box but I'm very sticky because I have a high tolerance</p>\r
</div>\r
\r
\r