I'm using Framework7 sortable list and it works well, just that it doesn't trigger an event when the list is changed.

So I'm trying a few built-in events:

$('.sortable-handler').on('touchstart', function (e) {
    e.preventDefault();
    alert('touchstart');
});

$('.sortable-handler').on('touchmove', function (e) {
    e.preventDefault();
    console.log('touchmove');
});

$('.sortable-handler').on('touchcancel', function (e) {
    e.preventDefault();
    console.log('touchcancel');
});

$('.sortable-handler').mouseleave(function (e) {
    e.preventDefault();
    console.log('mouseleave');
});

.. but all I get is:

Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

Which event should I look for to get the updated list on every sort?

推荐答案

当用户在新位置释放当前排序元素时,要处理Framework7中的可排序列表,可以使用以下代码:

  $$('li').on('sortable:sort',function(event){
    alert("From " + event.detail.startIndex + " to " + event.detail.newIndex);
  });

小提琴:https://jsfiddle.net/0zf5w4y7/

Jquery相关问答推荐

为什么如果使用转换规模,juserui可拖动遏制不起作用

javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

与其他 Javascript 框架相比,为什么 jQuery 被如此广泛地采用?

通过 .push() 方法向对象添加项目

如何使用 JQuery Select 没有特定子元素的元素

在 jQuery 事件中控制this的值

如何滚动到jQuery中的元素?

使用 JSONP 时如何捕获 jQuery $.getJSON(或数据类型设置为jsonp的 $.ajax)错误?

jquery如何捕获输入键并将事件更改为选项卡

如何访问 JSON 对象名称/值?

如何使用 jquery 正确格式化货币?

jQuery UI 滑块(以编程方式设置)

如何判断元素是否在屏幕外

在 JQuery .trigger 上传递参数

jQuery:获取父母,父母ID?

使用 JQuery 激活 bootstrap 选项卡

滚动 DIV 元素时如何防止页面滚动?

Backbone.js - 事件,知道点击了什么

jQuery DataTables:控制表格宽度

使用 jQuery 在 Select 列表中隐藏选项