Bootstrap - автозагрузка модалов по какой-то причине

Question

Я использую Rails 3.2 и гем twitter-bootsrap-rails (ссылка) .

У меня есть модал, это html.erb:

<div id="myModal" class="modal hide fade in" style="display: block;">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3><%= t '.add_category_title' %></h3>
  </div>
  <div class="modal-body">
    <%= render :partial => 'wgform' %>
  </div>
</div>

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

<a class="btn" href="#myModal" data-toggle="modal"><%= t '.add_category_btn' %></a>

но по какой-то причине модал появляется при загрузке страницы с атрибутом css "display: block;" (должно быть «display: none;»). «X» в правом верхнем углу работает вправо, чтобы закрыть его, и кнопка правильно показывает модальный режим (если щелкнуть после его закрытия).

Странно то, что все работало час назад, и я не изменил этот файл.

Я застрял, не знаю, где искать.

Answer 1

Решено редактирование bootstrap.js.coffee (см. Комментарии выше).

bootstrap.js.coffee:

$ ->
  $("body > .topbar").scrollSpy()
$ ->
  $(".tabs").tabs()
$ ->
  $("a[rel=twipsy]").twipsy live: true
$ ->
  $("a[rel=popover]").popover offset: 10
$ ->
  $(".topbar-wrapper").dropdown()
$ ->
  $(".alert-message").alert()
$ ->
  domModal = $(".modal").modal(
    backdrop: true
    closeOnEscape: true
  )
  $(".open-modal").click ->
    domModal.toggle() 

Answer 2

<div id="myModal" class="modal hide fade in" style="display: block;">

почему у вас там style="display: block;"? удалить его