如何在失去焦点时触发 Popover 或者tooltip

trigger string

默认值:'hover focus' data-trigger

定义如何触发弹出框: click| hover | focus | manual。您可以传递多个触发器,每个触发器之间用空格分隔。

这个manual如何理解?

阅读 10.1k
1 个回答

默认的触发方式已经满足不了你的需求了,你需要自己调用 .popover('show').popover('hide') 来控制显示/隐藏。

<input id="foo" data-toggle="popover" title="Title" data-content="Blah blah blah...">
<script>
$(function() {
  // 初始化 popover,触发方式为手动触发
  $('#foo').popover({
    trigger: 'manual'
  })
  .on('focus', function() {
    // 获得焦点时隐藏
    $(this).popover('hide');
  })
  .on('blur', function() {
    // 失去焦点时显示
    $(this).popover('show');
  });
});
</script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏