Question

我正在使用 PHP/MYSQL。

我想为打造图像创造形象。用户将挖掘和播下图像,以整理和组织图像。就像红灯一样。

我使用jQuery UI sortable插件创建了一个页面：http://jqueryui.com/demos/sortable/#display-grid

演示页面：http://jsbin.com/oqani/9/

它可以正确地拖放图像。但是，用户完成对图像的排序后，我无法获得图像的当前顺序。一旦我得到了当前顺序，我就必须将该顺序保存到该特定图像的数据库中。

附录我的图像如下:1、2、3、4、5、6、7、8、9,然后,我照搬图像和顺序改为1、3、4、7、8、2、5、6、9。因此,在点击“Show Order”时,它应当把命令显示为1、3、4、7、8、2、5、6、9。

请问有人能帮我显示“显示顺序”按钮的当前图片顺序，并提供有关如何将特定图片的当前顺序放入数据库的概念吗？

谢谢 (Xièxiè)

Answer 1

是的，实际上，在jQuery UI中有一些事件，如update，start等，使用它们我们可以获取新的排序顺序。

这是最终的工作演示：http://jsbin.com/oqani/10/。

Answer 2

jQuery("#contentSortableUL").sortable({
    opacity: 0.6,
    cursor: "move",
    update: function(){
        var order = $(this).sortable("serialize"); 
        jQuery.post("update-sorting.php", order, function(theResponse){
            // Callback code here
        });
    }
});

要更新数据库，您需要在update-sorting.php页面中编写代码：

<?php
/* code in update-sort.php would look like */
include("includes/db.connection.php");

$updateRecordsArray = $_POST[ recordsArray ];
$listingCounter = 1;
$orderedImageIds = array();

foreach ($updateRecordsArray as $recordIDValue){
    $listingCounter = $listingCounter + 1;

    /* update query goes here */
    update tableName set order = $listingCounter 
}
?>

希望这有所帮助。

友情链接