如何在用户单击其他选项卡而不是活动选项卡时显示错误消息

Question

我有五个选项卡，其中第一个选项卡是活动选项卡。当用户单击任何其他选项卡而不是第一个选项卡时，页面加载时应使用noty插件向用户显示错误消息，他应该'首先单击第一个选项卡'即活动选项卡。当用户单击第一个选项卡时，必须启用第二个选项卡，但不能启用第三个选项卡和第四个选项卡，类似地，当用户单击第三个选项卡时，必须启用第四个选项卡，等到最后一个标签。

这是我的代码

var tl = new TimelineMax();
tl.from("svg", 15, {                 // Start the animation from... through 15 seconds!
  scale: 0,                          // Zero scale!
  transformOrigin: '50% 50%',
  ease: Back.easeOut
})

</script>

Answer 1

将类.disabled添加到html中的所有选项卡，第一个除外。然后添加以下代码：

$(".disabled").click(function(e){
     e.preventDefault();
     show_create_case_msg();
});

$(".tab-pane:not(.disabled)").click(function(){
    $(this).next().removeClass("disabled");
});

Answer 2

我会尝试在其中使用的概念中查找它 http://www.jquery-steps.com/

它有标签，你可以阻止标签之间的导航，并知道你在哪个标签上。