在排序Jquery ui之前确认答案

【问题标题】：Confirm before sort Jquery ui在排序Jquery ui之前确认
【发布时间】：2014-01-20 09:16:30
【问题描述】：

我想请用户确认他是否真的要对列表进行排序这里是我的代码

<script language="javascript">
$(document).ready(function () {
    $("#menu-pages").sortable({
        update: function (event, ui) {
            var didConfirm = confirm("Are you sure you want to Update the Navigation?");
            if (didConfirm == true) {
                $.post("ajax.php", {
                    type: "orderPages",
                    pages: $('#menupages').sortable('serialize')
                });
            }
        }
    });
});
</script>

是的，它不发送 ajax 脚本，但它不会回到原来的位置。

【问题讨论】：

你能提供 jsfidle 和你的 html 代码吗？
将事件监听器添加到确认按钮，并创建一个遮罩层来请求确认。（当点击按钮时，它只显示带有 2 个按钮的确认对话框，确认或取消，确认时触发你想要的，取消时它只是关闭你的 div），对你有意义吗？

标签： jquery html css jquery-ui jquery-ui-sortable

【解决方案1】：

您可以在更新回调中调用event.preventDefault() 将项目恢复到其原始位置。

Demo here

【讨论】：