Я скопировал и вставил код примера из бутстрапа twitter, чтобы создать базовое модальное окно в приложении Rails 3.2:
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
<a href= "#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
Это не работает. Это не из-за того, что jQuery или скрипты не загружаются, потому что a) ему не нужно загружать js, потому что он использует таргетинг данных, и b) я проверил консоль, и все отлично срабатывает.
Это также не потому, что я включаю в себя как boostrap.js, так и bootstrap-modal.js... Я проверил, а я нет.
Я в недоумении. Он должен просто работать. Другой загрузочный js отлично работает на сайте.
Единственное, что я могу придумать, - это что-то общее с определением классов .hide и .fade - когда я их вынимаю, модальность проявляется хорошо. Когда я их включу, он вообще не появится.
Может ли jQuery UI вмешиваться в него?
Пожалуйста, спросите меня о какой-либо дополнительной информации, которая вам может понадобиться, чтобы помочь мне...
UPDATE:
Итак, я думаю, что вижу проблему, но я не знаю, как ее исправить. Когда я проверяю консоль, наверху я вижу, что
element.style {
display: none;
}
как-то теперь является частью div, поэтому в консоли он выглядит так:
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" >
Но я не знаю, почему он добавляет его или откуда. Как я могу отслеживать это?
Спасибо