问题标签 [bootstrap-popover]

我有一个具有以下配置/初始化的引导弹出窗口：

和

将触发弹出框。但在弹出框第二次出现后，它会出现一秒钟并立即消失。之后popover元素被销毁。

在调试 bootstrap.js 之后，我可以说，在“显示”动作之后，“隐藏”和“销毁”动作都不会被触发。

编辑：

好的，我修好了……在显示一个弹出框之前，调用了一个“hideAll”方法（这包括必须显示的弹出框）。我猜一个popover的隐藏是由bootstrap异步调用的，因为动画淡出。

现在我除了来自 hideAll 的特定弹出框...并且一切正常

我已经创建了我的自定义 bs 弹出窗口并且工作正常。我想在显示时对其进行动画处理。我怎样才能给我的自定义动画？代码非常简单，如下所示。

I have a jsf page with some bootstrap popovers. These popovers are draggable, using jQuery for that.

When I click on a button to show a modal, it's shown on the screen, but the popovers keep showing over the modal. Here is an image that illustrates my thing.

I realized that on bootstrap.css, the z-index of popover is greater than modal (the first is 1060 and the second 1050). I tried to alter the z-index of the modal, setting a bigger value, but it didn't work.

So, I'm wondering if somebody just faced this problem.

Currently I am working on web application which is going to have multi-step forms. I am validating each part of the form by jquery validate plugin. Also I wanted validation messages as a pop over. For this I have used jquery validate popover plugin. Both libraries are serving my purpose. But I am facing a problem which is little bit weird.

For required fields I wanted input box in red border on blur event. And when input is right I wanted to remove that error class from div element's style. I have this thing working here: http://plnkr.co/edit/369WMY7uDdRLNfC8NZrp?p=preview

When I added validate pop over plugin everything is going good except the removal of error class from the style of input box. I don't know why jquery is not able to remove error class from the style of div element. I have this weird working demo here: http://plnkr.co/edit/7iHoypnc1P0x7eiGLtLj?p=preview

I am not able to figure out why this is happening. Is there anything breaking inside validate popover plugin?

我现在面临bootstrap popover位置问题。我正在使用弹出框显示用户选择的图像列表，并允许用户查看和删除弹出框内的图像。

我的问题是，在用户从弹出框中删除图像后，弹出框的高度发生了变化，整个弹出框移到了 top。箭头图标也移动了。

我可以通过初始化来重新定位弹出框，但我认为这不是一个好方法，因为它会在重新加载内容时导致闪烁。

我为您创建了一个小提琴来查看我的问题。

在我的小提琴中，取消注释函数内部的代码removeImage以查看闪烁的重新定位。

请指教，在此先感谢

我的 bootstrap popover 有问题。我有一个按钮，当我点击它时，它会显示一个表单。在一个表单中有一个按钮，我想当我点击它时，它会提醒一些东西。但是当我点击它时，它不会提醒任何东西。我不知道为什么它不起作用，你能帮我吗？谢谢大家！

我熟悉 Bootstrap 的弹出框如何工作以及如何将其分配给特定的容器元素。但是，我有一种情况，我有多个由代码生成的元素，并且这些元素中的每一个都可能没有特定的预分配 ID。我在这里创建了这种情况的小提琴

HTML 代码：

JS代码：

问题：如何判断容器应该是包含 DIV 的父容器？看起来容器需要是一些特定的命名元素。感谢您的帮助

这是带有完整代码示例的相关jsFiddle 。

将鼠标悬停在Fizz菜单右侧的道路图标上，您会看到一个弹出框。看看弹出框有多窄？我想要：

• 显着扩大popover；和
• 为弹出框设置不同颜色的样式，例如：
  • 弹出框的“标题”部分中的绿色背景（“说明： ”）
  • 弹出框的“正文”部分（正文）中的红色背景

根据这个答案，我可以通过以下方式扩大弹出窗口：

这正是我所做的（参见 jsFiddle 中的 JS），但这显然行不通。而且我找不到任何可以为弹出框颜色设置样式的东西。有任何想法吗？

所以我正在尝试制作一个封装在 Bootstrap 弹出框内的指令。几乎所有东西都在工作——我有事件监听器知道什么时候点击按钮，链接，一切都是 hunkey-dory——除了即使我使用 ng-model 绑定到最内层指令中的输入，什么也没有得到更新。这几乎就像是在做单向绑定而不是双向绑定。模型上的 FieldValue 始终为 null（其初始状态），并且永远不会更改（即使它应该等于输入字段中的任何内容）。我浏览了很多答案，似乎没有任何问题可以解决。

这是我的代码：

页面 HTML

弹出框指令

内部指令

指令 HTML

有谁知道为什么这不起作用？

当屏幕尺寸减小时，如何修复 Bootstrap 滑块上的弹出位置不移动？

这些位置需要固定在幻灯片上，因此在调整大小时它们需要保持在同一位置。例如，在第二个滑块中，您会在电视上方看到一个白点。无论屏幕尺寸如何，这始终需要位于电视上方。

这是在线网址：comfortica.nl

第一个弹出窗口

CSS