Свяжите LightBox с LightBox

Question

Я хочу отображать HTML-формы на LightBoxes.Каждый лайтбокс будет иметь кнопку.При нажатии этой кнопки должен открыться новый LightBox с новой HTML-формой.Как мне сделать такой вид навигации.Я нашел навигацию между изображениями, но не для формы HTML.

Answer 1

Вам не нужно открывать новый лайтбокс, но загружать содержимое новой формы в текущую. Кроме того, не фиксируйте событие нажатия кнопки, поскольку, если пользователь попытается отправить форму, нажав клавишу ввода с клавиатуры, она не будет работать. Вы можете сделать что-то вроде этого:

$('#lightbox form').submit(function(){

    // some validation logic can be here

    // load the form from another file
    $('#lightbox').load('step-two-form.html');

    // OR insert it from the same document
    $('#lightbox').html($('#step-two-form'));

    // and return false for avoid reload the page
    return false;
});

Answer 2

вы можете сделать два отдельных div в одном контенте лайтбокса

<div class="lightbox">
  <div id="firstdiv">CONTENT 1 that contains a button to show #seconddiv and hide #firstdiv</div>
  <div id="seconddiv" class="hidden">CONTENT 2</div>
</div>

я сделал что-то похожее здесь
http://www.klein -associes.com / grand_public / #
нажмите «Accès presse / Distributeur», затем «s'inscrire» для демонстрации

$('#firstdiv #button1').click(function(){
        $('#firstdiv').fadeOut('fast',function(){
            $('#seconddiv').fadeIn('fast');
        });
});