Динамическая кнопка «Назад» для перехода на модальный вид

Question

Это на Bootstrap 4.
Я строю веб-сайт, и это 17 разных модалов, но конкретные слова в каждом модале связаны с другим модалом, так что если вы хотите узнать о них больше, вы можете.Проблема в том, что если вы хотите вернуться к предыдущему модальному режиму, вам придется закрыть 2-й модальный и вернуться и открыть исходный.

пример:
Модальный 1 ссылки намодальные 3, 5, 8 и 9.
Модальные 11 ссылки на модальные 4, 5, 8 и 2.

Есть ли способ создать динамическую кнопку возврата в JavaScript, которая будетпозволить пользователю вернуться к предыдущему модалу, с которого он пришел?

PS Я не знаю, какую часть кода включить, поскольку они содержат так много модалов, и это простой загрузчик 4.

Но вот как слова связаны сразные модалы

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

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

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