Javascript 动态返回按钮,导航回您来自的模式

Javascript 动态返回按钮,导航回您来自的模式,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,这是引导4 我正在建立一个网站,它们是17种不同的情态,但每个情态中的特定单词都链接到不同的情态,所以如果你想了解更多,你可以。问题是,如果您想返回到上一个模式,您必须关闭第二个模式,然后返回并打开原始模式 示例: 模式1链接到模式3、5、8和9 模式11链接到模式4、5、8和2 有没有一种方法可以在javascript中创建一个动态后退按钮,允许用户返回到他们来自的前一个模式 另外,我不知道应该包含代码的哪一部分,因为它们有很多模态,这是纯引导4 但这就是这些词与不同情态动词的联系 <a

这是引导4
我正在建立一个网站,它们是17种不同的情态,但每个情态中的特定单词都链接到不同的情态,所以如果你想了解更多,你可以。问题是,如果您想返回到上一个模式,您必须关闭第二个模式,然后返回并打开原始模式

示例:
模式1链接到模式3、5、8和9
模式11链接到模式4、5、8和2

有没有一种方法可以在javascript中创建一个动态后退按钮,允许用户返回到他们来自的前一个模式

另外,我不知道应该包含代码的哪一部分,因为它们有很多模态,这是纯引导4

但这就是这些词与不同情态动词的联系

<a data-dismiss="modal" data-toggle="modal" href="#back-and-leg-pain">lower back and leg pain</a>


p.p.S.我可以尽量不忽略前面的模式,但我担心它会给用户带来巨大的混乱。

您的目标听起来正是堆栈的设计目标,我们可以使用存储在全局变量中的简单数字数组来实现。当前变量可以帮助我们跟踪当前位置,而不会妨碍我们返回

var modal_stack = [];
var current;

function go_modal(destination){
 $('.modal').modal('hide');
 modal_stack.push(current);
 current = destination;
 $('#modal-'+destination).modal('show');
}
function back_modal(){
 $('.modal').modal('hide');
 $('#modal-'+modal_stack.pop()).modal('show');
}

你能提供一个演示吗?谢谢你花时间回复D.肯德尔。那么,这会自动调整到模态的数量,还是我会为每个模态分配一个全局变量?抱歉,我是javascript的初学者,还在学习。是的,它应该动态地调整到任意数量的模态,只要它们都有唯一的ID。如果您担心历史太长,可以在go_modal函数中添加“If(modal_stack.length>SOMEVALUE)modal_stack.shift();”,以便在历史太长时清除最早的历史。