Question

因此，我尝试向页面中的特定元素添加工具提示形状的警报，该警报仅显示一次。因此，例如，如果用户在警报上单击“ X”，它现在将再次显示。以下是我要向其添加警报的元素。

<div class="name-wrapper">
    <span class="usermain-name">     
        User name
    </span>
</div>

因此，如果用户进入具有此元素的页面，我希望在User name上方显示工具提示，即“单击此处以编辑您的姓名”。而且如上所述，它仅需出现一次。我是前端的新手，不知道如何创建它。我正在使用Bootstrap，如果它提供了任何其他信息。

非常感谢您的帮助：）

Answer 1

您可以通过使用"_type"=>"doc", "_id"=>"LzhxR3MBoH6QvDEw21Sy", "status"=>400, "error"=>{"type"=>"illegal_argument_exception", "reason"=>"Limit of total fields [1000] in index [log00_210270] has been exceeded"}}}}和bootstrap jQuery函数在bootstrap 4中轻松地做到这一点。

在您的tooltip元素中使用data-toggle="tooltip“ data-placement="top"

工具提示将出现在页面加载中，并在3秒钟后消失。

运行下面的代码段。

username

//Show tooltip on page load
$('span').tooltip('show');

//Hide tooltip after three seconds
setTimeout(function(){
  $('span').tooltip('dispose')
}, 3000)

Answer 2

您可以使用jQuery：

HTML：

<a href="#"title="Download Excel" class="tool_tip">Download Excel</a>

jQuery：

$('.tool_tip')
.attr('data-toggle', 'tooltip')
.attr('data-placement', 'right')
.tooltip({
    trigger: 'manual'
  })
  .tooltip('show')


  setTimeout(function(){
    $('.tool_tip').tooltip('hide') // it will be disappeared after 5 seconds
  }, 5000);

一次在页面加载时显示Bootstrap工具提示，并在x秒后隐藏？

2 个答案: