Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Bootstrap Модальное окно

Автор: Marlik 7.6.2015, 03:59

Что за х.. и куда рыть?

Собсно ничего сложного, делал ведь уже раньше, размещаем якорь:

Код


<a data-toggle="modal" href="/del_user" data-target="#myModalDelUser"><i class="fa fa-trash-o"></i></a>

дальше внизу модальное окно:

Код


<div class="modal fade" id="myModalDelUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Подтвердите удаление пользователя</h4>
      </div>
      <div class="modal-body">
      Вы уверены что хотите удалить пользователя?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
        <button type="button" class="btn btn-primary">Удалить</button>      
      </div>
 </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Размещаю перед тегом </body> вызов скрипта:

Код


<script type="text/javascript">
$('#myModalDelUser').modal('show')
</script>

При загрузке страницы, выскакивает модальное окно, оно не должно при загрузке выскакивать. Такого ведь не должно быть! Ну и при нажатии на якорь выскакивает как и должно. Куда рыть, граждане? Спасибо.

Автор: ksnk 7.6.2015, 08:02

Цитата(Marlik @ 7.6.2015, 03:59

)

Размещаю перед тегом </body> вызов скрипта:

<script type="text/javascript">
$('#myModalDelUser').modal('show')
</script>

При загрузке страницы, выскакивает модальное окно, оно не должно при загрузке выскакивать.

Определись - должно выскакивать или не должно. Сначала написал - "покажись", потом говорит - не должно так быть smile

Может, в обработчике клика какого-нибудь, нужно было написать .modal('show') ?

Автор: Marlik 7.6.2015, 08:09

Оооо привет, сколько лет сколько зим)))) Я делал так уже, рабочий сайт есть, вот так прям и работает. У меня выставлен якорь при клике. А выскакивает и при загрузке и клике. Чёто уже и не понимаю. Да и по документации делаю: http://getbootstrap.com/javascript/#modals

Автор: ksnk 7.6.2015, 10:02

Цитата(Marlik @ 7.6.2015, 08:09

)

Да и по документации делаю: http://getbootstrap.com/javascript/#modals

Точно?

Цитата

All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

$('#myModal').modal()                      // initialized with defaults
$('#myModal').modal({ keyboard: false })   // initialized with no keyboard
$('#myModal').modal('show')                // initializes and invokes show immediately

Автор: Marlik 7.6.2015, 15:38

Цитата(ksnk @ 7.6.2015, 10:02)

Цитата

Фигня какая-то, у меня срабатывает в любых вариантах. Ну вот тут-то - hotelexperts.ru делал на две формы, работает-же...

Добавлено через 8 минут и 2 секунды
У меня вот другой вариант)))

Код


backdrop    Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
keyboard    Closes the modal when escape key is pressed.
show            Shows the modal when initialized.

Автор: Marlik 7.6.2015, 16:17

Это оно? C буржуйским совсем плохо:

.modal('handleUpdate')
Readjusts the modal's positioning to counter a scrollbar in case one should appear, which would make the modal jump to the left.
Only needed when the height of the modal changes while it is open.

Код


<script type="text/javascript">
$('#myModalDelUser').modal('handleUpdate')
</script>

Так вроде работает.

Добавлено через 6 минут и 9 секунд

Цитата(Marlik @ 7.6.2015, 15:38)

Фигня какая-то, у меня срабатывает в любых вариантах. Ну вот тут-то - hotelexperts.ru делал на две формы, работает-же...

А ну там по условию появлялся див, скорее всего поэтому... мдяяяя....