Почему не открывается модальное окно?

Question

[OvOwl]

Есть окно авторизации:

<button class="buttons" type="submit" data-toggle="modal" data-target="#loginModal">[group=5]Войти[/group][not-group=5]Меню[/not-group]</button>

И собственно модальное окно:

[not-group=5]
<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Меню</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div>
          <p>Привет, <b>{login}</b>!</p>
          [admin-link]<a href="{admin-link}" target="_blank"><b>Админпанель</b></a>[/admin-link]
          <a class="login-links" href="{profile-link}">Мой профиль</a>
          <a class="login-links" href="{addnews-link}">Добавить новость</a>
          <a class="login-links" href="{pm-link}">Сообщения ({new-pm}|{all-pm})</a>
          <a class="login-links" href="{favorites-link}">Мои закладки ({favorite-count})</a>
          <a class="login-links" href="{newposts-link}">Непрочитанное</a>
          <a class="login-links" href="{stats-link}">Статистика</a>
          <a class="login-links" href="{logout-link}"><b>Выход</b></a>
        </div>
      </div>
    </div>
  </div>
</div>
[/not-group]

[group=5]
<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Авторизация</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="post" action="#">
          <div id="logform" class="radial">
            <input class="inputs" type="text" name="login_name" id="login_name" placeholder="Введите логин">
            <input class="inputs" type="password" name="login_password" id="login_password" placeholder="Введите Пароль">
            <button onclick="submit();" type="submit" title="Войти" class="buttons w-100">Войти</button>
            <input name="login" type="hidden" id="login" value="submit" />
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
[/group]

При нажатии "Войти" модальное окно не появляется.
Подскажите, где ошибка?

Comments

[Дмитрий Кузнецов]

Зачем button type submit?

[OvOwl]

Дмитрий Кузнецов,

<button class="buttons"data-toggle="modal" data-target="#loginModal">[group=5]Войти[/group][not-group=5]Меню[/not-group]</button>

Проблему не решило

[Дмитрий Кузнецов]

OvOwl, в консоль гляньте, мб так какая-нибудь ошибка.

[Антон Литвиненко]

OvOwl, а пробела так и нет между классами и дата атрибутами?
ну и js от бутстрапа тоже должен быть подключен

Answer 1

[denn]

В консоли посмотрите ошибку. Скорее всего конфликтует js. Либо вообще не загружается.