Блог

Главная - Вопросы по программированию - Как открыть функциональность прокрутки в загрузочном модале из другого модала?

Как открыть функциональность прокрутки в загрузочном модале из другого модала?

#javascript #jquery #css #twitter-bootstrap

#javascript #jquery #css #twitter-bootstrap

Вопрос:

В настоящее время у меня есть две кнопки внутри модального загрузчика:

 <button type="button" class="left_portfolio_item portfolio_controls"></button>
<button id="to_modal_two" type="button" class="right_portfolio_item portfolio_controls"></button>

Второй с идентификатором to_modal_two при нажатии должен закрыть первый модал (тот, в котором он есть) и открыть второй.
Для достижения этой цели я использую jQuery:

 $('#to_modal_two').click(function() {
    $('#modal_one').modal('hide');
    $('#modal_two').modal('show');
});

Первый модальный режим закрывается, затем открывается второй, но, к сожалению, я не могу использовать функциональность прокрутки внутри него.
Есть ли какие-либо обходные пути для достижения того, что я ищу?

Комментарии:

1. это кнопка, а не текстовая область

2. @mahendrapratapjewaria Я не спрашиваю, как сделать прокрутку внутри кнопки, а внутри модала.

3. И простым решением может быть использование setTimeout для модального (‘show’), также есть события в модальном, чтобы определить, когда модальная форма полностью закрыта.

4. @Keith Я попробую это сейчас и посмотрю, как это получится.

5. Привет, когда вы открываете модальный после другого модального, ваш элемент тела страницы будет иметь один модальный класс, удалите его, как только вы откроете второй модальный, это должно решить вашу проблему.

Ответ №1:

Это то, что я пытался заставить его работать так, как я задумал:

 $('#to_modal_two').click(function() {
    $('body').removeClass('modal-open');
    $('body').css("padding-right","");
    $('#modal_one').removeClass('in');
    $('#modal_one').css("display","");
    $('#modal_one').attr("aria-hidden","true");
    $('.modal-backdrop').hide();
    $('#modal_two').modal('show');
});

Одна ошибка, которую я еще не понял, как ее исправить, заключается в том, что после закрытия второго модала для доступа к первому с помощью «обычного способа» ( <button type="button" data-toggle="modal" data-target="#modal_one"></button> ) мне нужно сделать 2 или 3 клика, прежде чем он откроет модал.

Метки: