javascript - 制表符时不创建 Bootstrap 弹出窗口

标签 javascript jquery twitter-bootstrap popover

我有一个带有多个输入的表单,当我单击每个字段时,它会正确触发我与 jQuery 链接的焦点方法(我通过控制台日志记录检查)但是它只在我实际单击该字段时启动弹出窗口并执行当我在它们之间切换时不起作用(它仍然调用该函数,但弹出窗口从未出现)。

下面是一些示例代码:

// create the popover on focus but does not work when tabbing
$(".tblData").focus(function(){
    $(this).popover({content: "Info!", position: "right"});
}
});
// destroy the popover on blur to be efficient
$(".tblData").blur(function(){
    $(this).popover('destroy');
});

最佳答案

解决方案是在创建弹出窗口时添加一个属性并调用 show,如下所示:

$(this).popover({content: "Info!", position: "right", trigger: "manual"}).popover('show');

这需要告诉属性您将控制显示和隐藏,并且您将始终显示它。

关于javascript - 制表符时不创建 Bootstrap 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14270687/

相关文章:

javascript - 如何在按下鼠标而不是单击、悬停或聚焦时删除 Firefox 按钮轮廓

javascript - 在node.js中获取http状态码

javascript - 使用 jQuery 在 FlexSlider 上居中字幕

javascript - 不稳定的 jQuery UI 拖动时可排序

css - Yii2 Gridview Actioncolumn 布局

javascript - jquery footable $ ('#classes' ).trigger ('footable_redraw' );返回隐藏表

javascript - 使用 javascript 将 html 实体添加到按钮文本

java - Google Web 工具包示例应用程序

javascript - 停止在添加另一个选项卡的 onsubmit 函数上进行重定向

javascript - 隐藏元素按 Esc