在 Framework7 滑动中回调取消？

Question

我使用framkework7 swipeout 删除我应用中的产品。

当我向左或向右滑动时，它保持在那个位置；而不是显示带有 cancel 和 ok 的对话框。

如果我按 ok > 它会删除产品 在取消上，只有对话框被隐藏，产品<li> 保持滑动状态。

找不到隐藏/向右滑动我的产品的回调。

这是我的代码：

<li class="swipeout deleted-callback" data-id="my-id-xxx">
    ....
    <div class="swipeout-actions-right">
        <a href="#" data-confirm="Delete?" class="swipeout-delete swipeout-overswipe">Delete</a>
    </div>
</li>

$('.deleted-callback').on('swipeout:deleted', function() {
    deleteProduct($(this).data('id'));
});

这是一个错误还是只是我？请问有什么帮助吗？

谢谢

Answer 1

要在取消时关闭此滑动，您需要将 data-close-on-cancel="true" 添加到锚标记。

 <li class="swipeout">
  <div class="swipeout-content item-content">
    <div class="item-media">...</div>
    <div class="item-inner">...</div>
  </div>
  <div class="swipeout-actions-right">
        <a href="#" class="swipeout-delete" data-confirm="Are you sure want to delete this item?" data-confirm-title="Delete?" data-close-on-cancel="true">Delete</a>
    </div>
  </div>
</li>