保存拖放位置在軌道上

我想拖放列表中的位置將保存在數據庫.......如果我刷新該頁面的位置將不會改變... ...保存拖放位置在軌道上

在下面我加了這一概念，但在PHP代碼中，我要如何在軌做......請幫我..........

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>jQuery Sortable With AJAX &amp; MYSQL</title> 
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> 
<script type="text/javascript" src="jquery-ui-personalized-1.6rc4.min.js"></script> 
<link rel='stylesheet' href='styles.css' type='text/css' media='all' /> 
<script type="text/javascript"> 
    // When the document is ready set up our sortable with it's inherant function(s) 
    $(document).ready(function() { 
    $("#test-list").sortable({ 
     handle : '.handle', 
     update : function() { 
     var order = $('#test-list').sortable('serialize'); 
     $("#info").load("process-sortable.php?"+order); 
     } 
    }); 
}); 
</script> 
</head> 

<body> 
<pre> 

<div id="info">Waiting for update</div> 
</pre> 
<ul id="test-list"> 
    <li id="listItem_1">< alt="move" width="16" height="16" class="handle" /><strong>Item 1 </strong>with a link to <a href="http://www.google.co.uk/" rel="nofollow">Google</a></li> 
    <li id="listItem_2"><i alt="move" width="16" height="16" class="handle" /><strong>Item 2</strong></li> 
    <li id="listItem_3"><i" alt="move" width="16" height="16" class="handle" /><strong>Item 3</strong></li> 
    <li id="listItem_4">< alt="move" width="16" height="16" class="handle" /><strong>Item 4</strong></li> 

</ul> 
</body> 
</html>

在php .........

<?php 
/* This is where you would inject your sql into the database 
    but we're just going to format it and send it back 
*/ 

foreach ($_GET['listItem'] as $position => $item) : 
    $sql[] = "UPDATE `table` SET `position` = $position WHERE `id` = $item"; 
endforeach; 

print_r ($sql); 
?>

來源

2011-03-08 Karthikeyan Siva

什麼是您的Rails應用程序看起來像那麼遠？ – Wukerplank 2011-03-08 09:02:27