Jump to content

Sortable List


powens

Recommended Posts

Those who are familiar with JQuery UI,

 

I don't understand why this is not sortable.  This is as simple as I can make it - I'm trying to apply this to a dynamic detailed list on a page, but If I can't get this working... I've got no hope.

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery UI Test Page</title>

<script type="text/javascript" src="UI/js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="UI/js/jquery-1.4.4.min.js"></script>

</head>

<body>

<script> $('#fruit_sort').sortable(); </script>

<ul id="fruit_sort">
<li id="fruit_1">Apple</li>
<li id="fruit_2">Orange</li>
<li id="fruit_3">Pear</li>
</ul>

</body>
</html>

 

Thanks!

Link to comment
https://forums.phpfreaks.com/topic/225491-sortable-list/
Share on other sites

You were almost there. Obviously change back the links to youre local jquery files.

 


<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>jQuery UI Test Page</title>

	<script src="jquery.js" type="text/javascript"></script>
	<script src="jquery_ui.js" type="text/javascript"></script>

	<script type="text/javascript">

		$(function() {
			$('#fruit_sort').sortable();
		});

	</script>

</head>

<body>

	<ul id="fruit_sort">
		<li id="fruit_1">Apple</li>
		<li id="fruit_2">Orange</li>
		<li id="fruit_3">Pear</li>
	</ul>

</body>

</html>

 

reqards

 

jug

 

Link to comment
https://forums.phpfreaks.com/topic/225491-sortable-list/#findComment-1164897
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.