Модальное окно

Тема в разделе "JavaScript", создана пользователем Apokalepsys, 24 апр 2015.

Модераторы: ZiX
  1. Apokalepsys

    Apokalepsys Постоялец

    Регистр.:
    19 дек 2012
    Сообщения:
    70
    Симпатии:
    13
    Bootstrap.Есть вот такой код модального окна. У меня 3 кнопки для загрузки. В итоге выходит что при нажатие на открытие одного модального окна, открывается все 3 сразу. Что я должен поправить что бы не открывалась сразу 3 а только то что я нажал?

    Код:
    <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Подробнее</button>
    
                            <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel2" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-body">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h4 class="modal-title" id="myModalLabel2">Modal Heading</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
                                                <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
                                                <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
                                                <p class="nobottommargin">Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
    Прошу прощение, не заметил что мою тему перенесли в этот же раздел.
     
    Последнее редактирование модератором: 26 апр 2015
  2. Sorcus

    Sorcus Sorcus. A New Beginning.

    Moderator
    Регистр.:
    10 июл 2011
    Сообщения:
    320
    Симпатии:
    626
    Каждому окну прописать свой класс и в кнопке прописать только то, что собираешься вызывать...
    Скорее всего data-target=".bs-example-modal-lg" здесь заменяешь .bs-... и соответственно стиль в div class=""...Хотя хз, по идее так :nezn:
     
  3. Apokalepsys

    Apokalepsys Постоялец

    Регистр.:
    19 дек 2012
    Сообщения:
    70
    Симпатии:
    13
    То есть есть чисто технически стиль окна может быть разный, но идификатором является .Bs? Сейчас попробую.

    UPD: Изменил bs , не помогло( Я пробывал искать его в других файлах - тоже нету.
     
    Последнее редактирование: 27 апр 2015