Как динамически загрузить контент в Bootstrap popover?

Добрый день, подскажите пожалуйста. Имеется страница на bootstrap-е, на которой имеются кнопки, при клике по которым нужно отображать popover всплывающие блоки, причём контент их нужно в момент клика в фоне загружать , а брать его из указанной ссылки внутри data свойства у ссылки

Руководствовался данный мануалом https://medium.com/cagataygurturk/load-a-bootstrap... и сделал такой jsfiddle - https://jsfiddle.net/strelkov_av/6qcwmebg/

<button type="button" class="btn btn-primary btn-danger" data-popover-source="https://samples.openweathermap.org/data/2.5/weather?q=London,uk&appid=b6907d289e10d714a6e88b30761fae22">Click to weather</button>


$('[data-popover-source]').click(function() {

  var e = $(this);
  $.get(e.data('popover-source'), function(d) {
    e.popover({
      content: d,
      html: true
    }).popover('show');
  });
  
});


Но в jquery я слабоват, и тут встал в тупик, так понимаю что при клике по элементу с [data-popover-source] должна вызваться функция, которая с помощью get запроса вытащит содержимое из ссылки и присвоит её content-у у popover-а, после чего который покажет

Но что то не получается :/
  • Вопрос задан
  • 20 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы