Question

我创建了一些有4页的工具。我命令在我使用jQuery“tabs”的页面之间导航（在每个页面的标题中）。

点击某些标签后，有没有办法取消点击操作？例如：如果页面未保存，则用户将收到一个警告警告：“单击是以继续而不保存，或单击否以保留未保存的页面”。

提前致谢。麦克

Answer 1

如果您指的是jQuery UI标签小部件，则可以在初始化标签时提供select事件，或使用tabselect事件类型绑定事件处理程序：

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

或：

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

有关jQuery UI Tab小部件的更多信息，请参阅documentation。

在事件处理程序中，您应该能够执行所需的任何检查，并使用event.preventDefault();

停止更改标签

Answer 2

我认为您可以在点击操作中首先设置确认对话框。如果对话框的结果为真，则只继续使用其余代码。

Answer 3

为了取消或中止选项卡的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');
        }
    }
});

有关详细信息，请转到here。

在jQuery中取消选项卡选择

3 个答案: