Храните данные-содержимое popover в переменной - PullRequest
Новая
       23

Храните данные-содержимое popover в переменной

0 голосов
/ 19 января 2019

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

Я уже пробовал это: 

var popover = $('.companyRoster').data('bs.popover');
popover.getContent();

но он не работает, как и ожидалось ..

Пример моего html, содержащего всплывающее окно: 

<div id="companyRoster" class="companyRoster container">
  <div class="row mb-2">
    <div class="col-lg-1 col-md-2 col-sm-3 col-6">
        <img src="images/john-doe.jpg" alt="..." class="img-fluid rounded-circle padding-0" data-toggle="popover" title="John Doe" data-placement="top" data-content='<b>Position:</b> Team Leader Integration Services <br> <b>Department:</b> IT <br> <b>Email:</b> <a href="mailto:some.email@aaa.aa">some.email@aaa.aa</a> <br> <b>Skype:</b> <a href="skype:johndoe?userinfo">johndoe</a>'>
    </div>
  </div>
</div>

Можете ли вы сказать мне, как можноЯ делаю console.log () для отображения содержимого данных поповера?

1 Ответ

0 голосов
/ 19 января 2019

Вы ищите в элементе "#companyRoster" данные, которых у этого элемента нет.Содержимое данных находится в одном из дочерних элементов.

Вы должны иметь возможность получать содержимое данных следующим образом: 

var dataContent = $(".img-fluid").data('content');
document.getElementById('other_div').innerHTML = dataContent;

Надеюсь, это поможет!

...