Ticket #4333: nested.draggables.html

File nested.draggables.html, 1.0 KB (added by bartaz, March 27, 2009 08:14AM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title></title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		//<![CDATA[
		$(function(){
			$('li').draggable();
		});
		//]]>
	</script>
	<style type="text/css">
		ul {
			list-style: none;
			width: 300px;
		}
		ul ul {
			width: 200px;
		}
		li {
			padding: 10px;
			border: 1px solid black;
		}
	</style>
</head>
<body>
<ul>
	<li><ul>
		<li>a</li>
		<li>b</li>
		<li>c</li>
	</ul></li>
	<li><ul>
		<li>d</li>
		<li>e</li>
		<li>f</li>
	</ul></li>
	<li><ul>
		<li>g</li>
		<li>h</li>
		<li>i</li>
	</ul></li>
</ul>

</body>
</html>

Download in other formats:

Original Format