Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery UI Sortable检测DOM中的更改?_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 如何使用jQuery UI Sortable检测DOM中的更改?

Javascript 如何使用jQuery UI Sortable检测DOM中的更改?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个基于nodejs-express+mongodb的网站,我很想与这个库一起使用。我想知道的是,为了保存元素的状态,我将如何检测元素顺序的变化。提交表格?jQuery函数 例如: 我有一个应该出现在我的about.html页面上的段落列表。在我的CMS中,我想更改他们的顺序。我转到可以对段落进行排序、更改顺序等的页面,然后单击“保存”按钮。当我保存时需要发生什么 我希望听到任何策略或看到任何具体的例子。以下是您的出发点: JS是: $("#sortable").sortable(); $(

我有一个基于nodejs-express+mongodb的网站,我很想与这个库一起使用。我想知道的是,为了保存元素的状态,我将如何检测元素顺序的变化。提交表格?jQuery函数

例如: 我有一个应该出现在我的
about.html
页面上的段落列表。在我的CMS中,我想更改他们的顺序。我转到可以对段落进行排序、更改顺序等的页面,然后单击“保存”按钮。当我保存时需要发生什么


我希望听到任何策略或看到任何具体的例子。

以下是您的出发点:

JS是:

$("#sortable").sortable();
$("#sortable").disableSelection();

$('input').on('click', function () {
    var sortedIDs = $("#sortable").sortable("serialize");
    alert(sortedIDs);
});

然后需要存储序列化的订单。当下一次加载页面时,应该从数据库中提取顺序,并按照保存顺序打印
  • 1:如果您了解jqueryUI api文档和如何使用排序表的具体示例,就不会那么难了。2:需要在哪里发生什么?在jQuery、node.js、express或mongodb中??