Отменить выбор вкладки в jQuery

Question

Я создал инструмент, который имеет 4 страницы. Я заказываю для навигации по страницам, которые я использую jQuery "вкладки" (в заголовке каждой страницы).

Есть ли способ отменить операцию нажатия после нажатия некоторых вкладок? Например: если страница не была сохранена, пользователь получит предупреждающее предупреждение: «нажмите YES, чтобы продолжить без сохранения, или нажмите NO, чтобы остаться на несохраненной странице».

Спасибо заранее. Mike

Answer 1

Если вы ссылаетесь на виджет вкладок пользовательского интерфейса jQuery, вы можете указать событие select при инициализации вкладок или связать обработчик события, используя тип события tabselect:

$( ".selector" ).tabs({
   select: function(event, ui) { ... }
});

или

$( ".selector" ).bind( "tabsselect", function(event, ui) {
  ...
});

Дополнительную информацию о виджете вкладки jQuery UI см. В документации .

.

В обработчике событий вы сможете выполнять любые проверки, которые вам нужны, и помешать изменению вкладки с помощью event.preventDefault();

Answer 2

Чтобы отменить или отменить ajax-запрос вкладки, выполните что-то вроде этого

$('#tabs').tabs({
    ajaxOptions: {
        timeout: 10000,
        error: function() {
            // If error occurs while trying to load a page via AJAX, abort the tabs
            $('#tabs').tabs('abort');
        }
    }
});

Для получения дополнительной информации перейдите здесь .

Answer 3

Я думаю, вы могли бы поставить диалог подтверждения первым в действии щелчка.и продолжайте работу с остальной частью кода, только если результат в диалоговом окне был истинным.