Загружать контент с помощью 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

  • Связывание для свертывания события в Twitter Загрузочный файл 3
  • Рекомендуемый способ включения бутстрап-библиотеки в приложение Ember.JS ember-cli
  • Как стиль иконок, размер и тень шрифта Awesome Icons
  • Bootstrap - Как удалить желоб между столбцами
  • Как обосновать navbar-nav в Bootstrap 3
  • Подсказки jQueryUI конкурируют с Twitter Bootstrap
  • Угловая ng-repeat добавляет бутстрап-строку каждые 3 или 4 столбца
  • Изменение точки останова на панели навигации при загрузке без использования МЕНЬШЕ
  • Bootstrap 3 с дистанционным модулем
  • Хороший способ динамически открывать / закрывать popover (или всплывающую подсказку), используя угловой, основанный на выражении?
  • Как добавить bootstrap modal с link_to, чтобы содержимое ссылки открылось в модальном?
  • Interesting Posts

    Почему автоматически добавляются разрешения на мой AndroidManifest при включении библиотеки Google Play Services

    Как вы генерируете случайный двойной равномерно распределенный между 0 и 1 из C ++?

    Как построить круг в Matlab?

    Как сохранить загруженный файл в JSF

    pathPattern для соответствия расширению файла не работает, если существует какой-либо период в другом месте имени файла?

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

    Как захватить событие «виртуальная клавиатура show / hide» в Android?

    Как увеличить дисковое пространство в Wubi (Ubuntu через окна)?

    Шаблоны для компенсации отсутствия наследования в SOA

    Проверка группы переключателей с использованием плагина проверки jQuery

    в чем разница между «супер» и «расширением» в Java Generics

    Building Boost 1.52 с MinGW

    Как сохранить массив int в настройках приложения

    Как написать таймер в Objective-C?

    Почему я могу использовать auto в закрытом типе?

    Давайте будем гением компьютера.