javascript - 单击 popover 触发元素时如何关闭/关闭 Bootstrap Popover？

In lại Tác giả: Hồ Xil 更新时间：2023-11-01 02:13:59 25 4

Click to toggle popover
This rich 
html
 content goes inside popover

$('#popoverId').popover({
    html: true,
    title: "Popover Title",
    content: function () {
        return $('#popoverContent').html();
    }
});


var isVisible = false;
var clickedAway = false;

$('.popoverThis').popover({
    html: true,
    trigger: 'manual'
}).click(function (e) {
    $(this).popover('show');
    $('.popover-content').append('×');
    clickedAway = false
    isVisible = true
    e.preventDefault()
});

$(document).click(function (e) {
    if (isVisible & clickedAway) {
        $('.popoverThis').popover('hide')
        isVisible = clickedAway = false
    } khác {
        clickedAway = true
    }
});

$('#popoverId').popover({
    html: true,
    title: 'Popover Title×',
    content: $('#popoverContent').html(),
});

$('#popoverId').click(function (e) {
    e.stopPropagation();
});

$(document).click(function (e) {
    if (($('.popover').has(e.target).length == 0) || $(e.target).is('.close')) {
        $('#popoverId').popover('hide');
    }
});

25 4 0

• popover - Antd Popover 仅在单击按钮时关闭

  这里是 sandbox Antd pop over 正如您在示例中看到的，当您单击任意位置时，popover自动关闭。我想禁用该东西并仅通过单击按钮将其关闭。 我在 Popover 中没有看到这样的选

• php - Yii Gridview 错误类型错误 : Jquery(. ..).popover 不是函数 [打破此错误] Jquery ('[Data-Toggle=Popover]' ).popover();

  我在 gridview 更新、排序、分页方面遇到错误。页面加载时，网格通过 AJAX 正常加载。但是，在单击标题对行进行排序或单击任何分页按钮时，我收到一条错误消息: Uncaught Typ

• popover - 从其组件中关闭 Ionic 4 popover

  我有一个标准的 Ionic 4 页面(主页)，它创建一个使用组件(BusinessDetails)和一个重定向到新页面(RequestTurn)的按钮的弹出窗口。但是，当我单击该按钮时，弹出窗口不会消

• javascript - $ ("a[rel=popover]").popover 不是函数

  我为 bootstrap twitter 库调用了 js 文件，但我得到了指示的错误 $("a[rel=popover]").popover is not a function .

• ios - 关闭 Popover 并一键打开新的 Popover

  Apple 的“移动人机界面指南”是关于弹出框的: When possible, allow people to close one popover and open a new one with o

• javascript - 如果 Bootstrap .popover() 位于 ('hidden.bs.popover' 上，则“销毁”正在触发另一个 'hidden.bs.popover' 事件

  如果 .popover() 之后变成 .on('hidden.bs.popover')，我想'销毁'是 .on('shown.bs.popover' 所以它不会再 'show' 。一切似乎都正确，但看

• javascript - Bootstrap Popover 不显示 popover 内容

  我将 emberjs 与 twitter-bootstrap 一起使用，但只有 css，所以没有从 bootstrap 获取的 javascript。 我想让 popover 工作，它弹出了，但是 p

• javascript - Bootstrap Popover Inside Popover 不起作用

  我正在使用 twitter bootstrap 在社交媒体上分享我的帖子，我创建了一个链接，其弹出窗口带有一些按钮内容，但是当我进一步点击弹出窗口中的按钮时，它们的弹出窗口功能不起作用。 Share

• javascript - 当用户在 Popover 外部单击时关闭 Bootstrap Popover

  我有一些动态加载到包含弹出窗口的网页上的内容。出于这个原因，我必须将它们绑定(bind)到 body 上，以便它们正确加载和显示。 我想找到一种方法来在用户点击弹出窗口外或另一个弹出窗口触发器时隐

• javascript - 在 Popover 外部单击时隐藏 Bootstrap Popover

  当用户点击弹出窗口外的任何地方时，我试图隐藏 Bootstrap 弹出窗口。 (我真的不确定为什么 Bootstrap 的创建者决定不提供此功能。) 我找到了以下代码 on the web但我真的不明

• javascript - 如何在悬停在 anchorEl 和 'popover' 上时继续显示 'popover'？

  这里是material-ui的例子https://material-ui.com/utils/popover/#mouse-over-interaction 按照示例 material-ui 的这些步

• javascript - 当 Popover 关闭时，Bootstrap Popover 表单值消失

  我在表单中使用 Bootstrap 弹出窗口来显示一些仅适用于某些用户的可选选择。我注意到一个问题，即一旦弹出窗口关闭，表单选择(是或否单选按钮选项)就会丢失，并且 2 个单选按钮的表单输入不包含在表

• javascript - 当 popover 出现时如何显示背景，当 popover 消失时背景消失？

  当popover 出现 时如何显示背景，而当popover 消失 时如何显示背景？ $(function(){ var content = 'Pay Now Activation Cod

• javascript - 单击 popover 触发元素时如何关闭/关闭 Bootstrap Popover？

  jsFiddle:http://jsfiddle.net/kAYyR/ 截图: 这是有效的: 点击按钮打开弹出框 在弹出框外点击关闭弹出框 点击 .close 按钮关闭弹出窗口 但是...当您再次单击

• css - ngx-bootstrap popover 显示在一行中，文本超出 popover

  当尝试使用此模板在一行中显示弹出窗口时: Here we go: Show me popover with html 并通过添加 CSS 类，例如: myClass { white

• jquery - Bootstrap Popover，.click 没有在 popover 中捕获按钮

  首先，问题的 fiddle :jsfiddle.net 我正在使用一个弹出窗口，它的内容是 html，一个类为“click_me”的按钮。我有 jquery 来监听对“click_me”的点击，它应该

• Popover API: How to stop the popover from closing(Popover接口：如何停止关闭Popover)

  当使用弹出窗口API时，我想，当轻关闭发生时，停止弹出窗口关闭，并运行自定义js从屏幕上删除弹出窗口。。有办法做到这一点吗？。我试着这么做，但没成功。。。

• angularjs - Angular UI Bootstrap Popover - 所有打开的 popover 的关闭程度

  我有一个表格，每个单元格都有一个弹出框，如下例所示: 对 popover 的调用: 0, 'edited' : i.edited, 'final-installment' : i.last }" p

• ios - 从另一个 Popover 中关闭显示为 Popover segue 的 ViewController

  我的 Storyboard使用 UINavigationController(VC0)，我使用 UIPopover 来加载新的 UIViewController (VC1)。从这个新的 UIViewC

• ios - popover allowedArrowDirections = .left/.right 与 popover 框架混淆

  这个问题在这里已经有了答案: iOS 13 - UIPopoverPresentationController sourceview content visible in the arrow (9