Javascript 推特引导弹出窗口-如何让它们停留？

关于：

我的弹出框由

悬停

事件触发。当弹出框出现时，我在弹出框中添加了几个链接，希望我的用户有机会点击。但是，当鼠标指针离开popover的热点并试图进入popover区域时，popover将消失

---

有没有办法让popover保持不变？

您可以将popover的

容器元素设置为触发popover的元素

HTML：

<button type="button" class="btn btn-lg btn-danger popover-dismiss" 
        data-toggle="popover" title="Dismissible popover"
        data-content="And here's some amazing content. It's very engaging.">
    Dismissible popover
</button>

$('.popover-dismiss').popover({
    trigger: 'hover',
    container: '.popover-dismiss'
})

CSS：

.popover-dismiss .popover {
    color: #333 ;
}

不幸的是，您需要添加CSS，因为在示例中，
按钮
CSS覆盖了
popover
CSS。
您可以将popover的
容器
元素设置为触发popover的元素

HTML：

<button type="button" class="btn btn-lg btn-danger popover-dismiss" 
        data-toggle="popover" title="Dismissible popover"
        data-content="And here's some amazing content. It's very engaging.">
    Dismissible popover
</button>

$('.popover-dismiss').popover({
    trigger: 'hover',
    container: '.popover-dismiss'
})

CSS：

.popover-dismiss .popover {
    color: #333 ;
}

不幸的是，您需要添加CSS，因为在示例中，
按钮
CSS覆盖了
popover
CSS。
您可以将popover的
容器
元素设置为触发popover的元素

HTML：

<button type="button" class="btn btn-lg btn-danger popover-dismiss" 
        data-toggle="popover" title="Dismissible popover"
        data-content="And here's some amazing content. It's very engaging.">
    Dismissible popover
</button>

$('.popover-dismiss').popover({
    trigger: 'hover',
    container: '.popover-dismiss'
})

CSS：

.popover-dismiss .popover {
    color: #333 ;
}

不幸的是，您需要添加CSS，因为在示例中，
按钮
CSS覆盖了
popover
CSS。
您可以将popover的
容器
元素设置为触发popover的元素

HTML：

<button type="button" class="btn btn-lg btn-danger popover-dismiss" 
        data-toggle="popover" title="Dismissible popover"
        data-content="And here's some amazing content. It's very engaging.">
    Dismissible popover
</button>

$('.popover-dismiss').popover({
    trigger: 'hover',
    container: '.popover-dismiss'
})

CSS：

.popover-dismiss .popover {
    color: #333 ;
}

不幸的是，您需要添加CSS，因为在示例
按钮
CSS覆盖
popover
CSS中。
我挖掘@holt答案，但还想指出，显示和隐藏都有延迟选项：

$('.popover').popover({
    trigger: 'hover',
    delay: { hide: 3000 }
})

我很喜欢@holt的答案，但也想指出，show和hide都有延迟选项：

$('.popover').popover({
    trigger: 'hover',
    delay: { hide: 3000 }
})

我很喜欢@holt的答案，但也想指出，show和hide都有延迟选项：

$('.popover').popover({
    trigger: 'hover',
    delay: { hide: 3000 }
})

我很喜欢@holt的答案，但也想指出，show和hide都有延迟选项：

$('.popover').popover({
    trigger: 'hover',
    delay: { hide: 3000 }
})

你能发布相关的HTML/JS吗？你能发布相关的HTML/JS吗？你能发布相关的HTML/JS吗？你能发布相关的HTML/JS吗？聪明。我相信有一天我会找到它的用处+1杠杆。我相信有一天我会找到它的用处+1杠杆。我相信有一天我会找到它的用处+1杠杆。我相信有一天我会找到它的用处+1.