2015-04-07 3 views
2

Имея немного проблемы с использованием бутстрэпов модальности,Bootstrap отклонять модальность и отображение другого модальный

У меня есть форма входа, которая использует модальность (при нажатии формы Войти появится)

Если пользователь У меня нет учетной записи, они могут нажать «Зарегистрироваться». Мне нравится, когда модем модератора будет отклонен, и появится модальный формат.

У меня это работает, форма регистрации аннулируется при нажатии кнопки регистрации, но когда отображается модальность регистрации, вы не можете прокручивать вверх или вниз по модулю регистрации (вы можете прокручивать вверх или вниз по модулю входа)

извините за длинное объяснение, то jsfiddle ниже мой код,

<p> Don't have an account? <a data-dismiss="modal" data-toggle="modal" data-target="#myModal1"> Sign up</a> 

Это код, который увольняет входа модальность и показывает знак вверх покадрово. Я знаю, что модаль отклоняется через data-reject = "modal" (поэтому страница думает, что мода закрыта и прокручивается через веб-страницу), однако я не знаю, как найти способ обойти это.

http://jsfiddle.net/5v4nejsz/

Lorem Ipsum здесь, чтобы показать пример прокрутки.

Первая форма является модальным Войти и вторая форма является признаком до

Спасибо за помощь!

ответ

1

мне удалось со следующим. Я создал класс с переполнением атрибута: hidden. Каждый раз, когда открывается myModal1, он добавляется в тело.

$("#button").click(function(){ 
    $('#myModal').modal("hide"); 
    $('#myModal1').modal("toggle"); 
    $("body").addClass("notScroll"); 

}); 

Когда myModal1 закрывается, класс удаляется:

$('#myModal1').on('hidden.bs.modal', function() { 
    $("body").removeClass("notScroll"); 
}); 

Теперь, вы должны позволить myModal1 прокручивать:

<modal... id="myModal1" style="overflow-y: scroll"> 

JSFIDDLE: http://jsfiddle.net/5v4nejsz/22/

+0

Удивительно, отлично работает. Спасибо! – DevStacker

1

Это работал для меня в скрипке

<p> Already't have an account? 
    <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#myModal"> Sign in </a> 
</p> 

Так что я здесь был первым отклонять первую модальность по порядку работы. После этого следующее действие снова отобразит ваше окно входа в систему.

Demo

+0

Привет спасибо за комментирование , однако это был не тот вопрос, который у меня был. Проблема в том, что когда вы нажимаете «Зарегистрироваться» в модуле входа, вы не можете прокручивать регистрацию модально. Таким образом, форма входа в систему работает (и прокручивается в порядке) Форма регистрации (один раз щелкнув «нет учетной записи?») Не прокручивает модальный вверх или вниз, а прокручивает веб-страницу позади модального. Спасибо – DevStacker

+0

Я не понимаю. Когда я нажимаю на кнопку входа в систему, скрипт «Ничего» не прокручивается. Я нажимаю кнопку «Зарегистрироваться», и ничто не прокручивается в модальных, но прокручиваемых страницах содержимого страницы. прокрутите эту страницу или вы хотите, чтобы мода была не модальной, чтобы не прокручивать обратный контент? – floor

+0

Привет, извините за замешательство. Когда я нажимаю кнопку входа в систему, мода входа в систему прокручивается вверх и вниз (а не фон). Когда я нажимаю кнопку регистрации, мода мода не прокручивается, а фоновые свитки. Модем для входа в систему (когда прокручивается форма входа в систему). Я бы хотел, чтобы мода была доступна для прокрутки вверх и вниз и для фона, чтобы не прокручивать. Спасибо – DevStacker

Смежные вопросы