如何在失去焦点时触发 Popover 或者tooltip-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-05-25 12:53:41 2033 1

trigger string

默认值:'hover focus' data-trigger

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

这个manual如何理解?

取消 提交回答
全部回答(1)
  • 云栖技术
    2019-07-17 19:14:05

    默认的触发方式已经满足不了你的需求了,你需要自己调用 .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>
    0 0
+关注
云栖技术
社区爱好者,专为云栖社区服务!
34
文章
897
问答
问答排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载