有人能解释下下面的代码吗？这里是屏幕截图：http://img196.imageshack.us/img196/9514/picture4omk.png。
JS：
$(document).ready(function(){
$(function() {
$("#sortable1, #sortable2").sortable(
{ connectWith: '.connectedSortable',
opacity: 0.6,
cursor: 'move',
update: function() {
var order = $(this).sortable("serialize");
$.post("home/updateBOX", order, function(theResponse){
$("#contentRight").html(theResponse);
});
}
});
});
});
当前的视图：
<div id="contentLeft">
Category 1
<ul id="sortable1" class="connectedSortable">
<?php foreach($getcat1->result() as $box) :?>
<li id="recordsArray_<?php echo $box->boxID ?>"><?php echo $box->boxID . ". " . $box->boxID . $box->boxText ?></li>
<?php endforeach; ?>
</ul>
Category 2
<ul id="sortable2" class="connectedSortable">
<?php foreach($getcat2->result() as $box) :?>
<li id="recordsArray_<?php echo $box->boxID ?>"><?php echo $box->boxID . ". " . $box->boxID . $box->boxText ?></li>
<?php endforeach; ?>
</ul>
</div>
Controller：
function index()
{
// Boxes
$this->db->order_by('boxListingID','ASC');
$this->db->where('boxListingCat',1);
$data['getcat1'] = $this->db->get('boxes');
$this->db->order_by('boxListingID','ASC');
$this->db->where('boxListingCat',2);
$data['getcat2'] = $this->db->get('boxes');
// Initialize
$this->layout->set('nav', $this->class);
$this->layout->load('layout','home/home_view',$data);
}
function updateBOX()
{
if (empty($_POST)) { return false; }
$updateRecordsArray = $_POST['recordsArray'];
$listingCounter = 1;
foreach ($updateRecordsArray as $listingCounter=>$recordIDValue) {
$this->db->set('boxListingID',$listingCounter+1)->where('boxID',$recordIDValue)->update('boxes');
}
}
}
我一直在研究这段代码，以便当从一个UL拖动li到另一个UL时，它能检测到它在一个新的UL中，并保存该数据。
但我不知道该从哪里开始，我会非常感激你的帮助。
