Загружать контент с помощью ajax в bootstrap modal

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

 Birthdays  

Мой модальный:

  

Когда я нажимаю на ссылку, модальный отображается, но тело пуст. Кроме того, я не вижу никакого запроса ajax. Я использую Bootstrap 2.1.1

Что я делаю не так?

Верхний проголосовавший ответ устарел в Bootstrap 3.3 и будет удален в v4 . Попробуйте это вместо этого:

JavaScript:

 // Fill modal with content from link href $("#myModal").on("show.bs.modal", function(e) { var link = $(e.relatedTarget); $(this).find(".modal-body").load(link.attr("href")); }); 

Обратите внимание, что для Bootstrap 3. * мы устанавливаем data-remote="false" чтобы отключить устаревшую функцию загрузки Bootstrap):

   Launch Modal    

Попробуйте сами: https://jsfiddle.net/ednon5d1/

Легко сделано в Bootstrap 3, например:

 Click me 

Вот как я решил проблему, может быть полезной для некоторых:

Ajax modal, похоже, не доступен с boostrap 2.1.1

Поэтому я закончил тем, что сам его кодировал:

 $('[data-toggle="modal"]').click(function(e) { e.preventDefault(); var url = $(this).attr('href'); //var modal_id = $(this).attr('data-target'); $.get(url, function(data) { $(data).modal(); }); }); 

Пример ссылки, которая вызывает модальность:

  Birthdays  

Теперь я отправляю всю модальную разметку через ajax.

Кредиты для drewjoh

  • $ (window) .width () не совпадает с запросом медиа
  • JQuery загружается только при обновлении страницы в приложении Rails 4
  • Угловая 4: Как включить Bootstrap?
  • Изменить twitter bootstrap navbar
  • На странице начальной загрузки, как центрировать div
  • Twitter Bootstrap Используйте collapse.js на ячейках таблицы
  • Сохранять раскрывающееся окно Bootstrap при нажатии
  • Изменение цвета всплывающей подсказки
  • Включает ли Twitter-бутстрап jQuery?
  • Получите две колонки с разными цветами фона, которые простираются до края экрана
  • Избегайте модального увольнения с клавиатуры
  • Давайте будем гением компьютера.