Реализация Twitter Bootstrap Modal

Я довольно новичок в программировании, так что прошу прощения за мою неопытность.

В настоящее время я работаю над веб-сайтом и хочу иметь модальные кнопки. Кажется, я не могу заставить его работать, и я экспериментировал с ним, по крайней мере, несколько часов. Вот что я написал в своем html-файле, взятом с сайта Twitter Bootstrap:

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<div class="modal" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

Я что-то здесь упустил? Мне нужно добавить что-то еще? Сайт начальной загрузки сказал «вызвать модальный через javascript», но я не знал, куда поместить $('#myModal').modal(options). Я поместил его в файл .html И файл .js, но ни одна из попыток не сработала.

В файле .html уже есть

<script src="js/bootstrap-modal.js"></script>

вместе со всеми другими плагинами, но, похоже, он ничего не делает. Также стоит отметить, что я работаю локально на своем компьютере.

Я уверен, что это очень простой вопрос, но ЛЮБАЯ помощь будет принята с благодарностью.

РЕДАКТИРОВАТЬ: мне удалось заставить его работать. Похоже, моя проблема заключалась в том, что я искал bootstrap-modal.js, хотя на самом деле у меня был только bootstrap.js. Я создал новый файл с кодом boostrap-modal.js, и он работал нормально.

Тем не менее, я до сих пор не могу добиться затухания при переходе. Я использовал файлы bootstrap-transition.js, но до сих пор не могу их отключить. Дополнительная помощь будет принята с благодарностью.

13
задан Patrick E. 22 March 2012 в 17:41
поделиться