Подтвердите перед сортировкой Jquery UI

Question

Подтвердите перед сортировкой Jquery UI

0

Я хочу попросить пользователя подтвердить, действительно ли он хочет сортировать список, вот мой код

<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, но он не возвращается в исходное положение.

user3196424 20 янв. 2014, в 10:45

Источник

0

Можете ли вы предоставить jsfidle свой HTML-код?
Liauchuk Ivan 20 янв. 2014, в 09:25
0

вместо этого добавьте прослушиватель событий к кнопке подтверждения и создайте слой маски, чтобы запросить подтверждение. (когда вы нажимаете кнопку, он показывает только диалог подтверждения с 2 кнопками: подтвердить или отменить, после подтверждения он вызывает то, что вы хотите, а при отмене просто закрывает ваш div), имеет смысл для вас?
Godinall 20 янв. 2014, в 09:54

Теги:

jquery

html

css

jquery-ui

jquery-ui-sortable

1 ответ

Ещё вопросы

Можете ли вы предоставить jsfidle свой HTML-код?
вместо этого добавьте прослушиватель событий к кнопке подтверждения и создайте слой маски, чтобы запросить подтверждение. (когда вы нажимаете кнопку, он показывает только диалог подтверждения с 2 кнопками: подтвердить или отменить, после подтверждения он вызывает то, что вы хотите, а при отмене просто закрывает ваш div), имеет смысл для вас?

Salman A · Accepted Answer · 2014-01-20T08-25-00.000Z

Вы можете вызвать event.preventDefault() внутри обратного вызова обновления, чтобы вернуть элемент в исходное положение.

Демо здесь