隐藏引导工具提示而不是处理

时间:2018-06-05 09:37:55

标签: javascript jquery bootstrap-4 popover popper.js

我们有什么方法可以隐藏引导工具提示而不是破坏它们。

我在工具提示中使用服务器端数据,并且我不想在每次启动工具提示时加载数据。



$('.selector').popover({
  animation: true,
  trigger: 'click',
  title: 'Notifications',
  content: 'No new notificaitons',
  placement: 'right',
  container: 'body',
  html: true,
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js" integrity="sha384-u/bQvRA/1bobcXlcEYpsEdFVK/vJs3+T+nXLsBYJthmdBuavHvAW6UsmqO2Gd/F9" crossorigin="anonymous"></script>

<span class="selector">selector</span>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

您不必隐藏工具提示,您还有其他方法。

您可以在全局对象中加载服务器端数据,并在打开工具提示时使用此对象。

在这种情况下,您的数据只会加载一次,而且您不必更改工具提示。

示例:

var myObject = {};

$.get(PHP_PAGE, DATAS).done(function(data){
     //HERE GET YOUR DATA LIKE
     myObject = data;
});

...


$('.selector').popover({
  animation: true,
  trigger: 'click',
  title: myObject.title,
  content: myObject.contentMessage,
  placement: 'right',
  container: 'body',
  html: true,
})