Question

这是在Bootstrap 4上。
我正在建立一个网站，它们是17种不同的模态，但每种模态中的特定单词都链接到不同的模态，所以如果你想要阅读更多关于它们的信息，你可以。问题是如果你想回到之前的模态，你必须关闭第二模态并返回并打开原始模态。

示例：
模态1链接到模态3,5,8和9 模态11链接到模态4,5,8和2.

有没有办法在javascript中创建一个动态后退按钮，允许用户返回到他们来自的上一个模态？

P.S。我不知道要包含哪部分代码，因为它们是如此多的模态而且这是普通的bootstrap 4.

但这就是单词与不同模态的关联

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

P.P.S。我可以尝试不要忽略之前的模态，但我害怕它会导致用户大量混乱。

Answer 1

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

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');
}

动态后退按钮可导航回来自

1 个答案: