javascript - 第一次点击不显示 Twitter Bootstrap 3 弹出窗口

标签 javascript jquery twitter-bootstrap-3 popover

我确实找到了类似的问题,但对我的情况没有帮助。

基本上,当我点击一个 anchor 时,我会显示一个信息弹出框。我用下面的js代码实现了这一点

$("[data-popover]").click(function(){
  var selector = $(this).data('popover');
  var popoverContentId = $(this).data('popover-content');
  var popoverPlacement = $(this).data('placement');
  var popoverWidth = $(this).data('width');
  var htmlContent = $(popoverContentId).html();
  $(selector).popover({placement: popoverPlacement, title: '', width: popoverWidth, content: htmlContent, html: true});
});

现在有了这段代码,第一次点击没有任何反应,但之后点击一下就可以正常工作了。

如何在第一次点击时显示弹出窗口?

谢谢。

最佳答案

$(selector).popover 仅启用弹出框。它不需要在点击事件中。 我会将 .click 更改为 .each

关于javascript - 第一次点击不显示 Twitter Bootstrap 3 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22973287/

相关文章:

javascript - 将项目从 mootools 迁移到 prime

javascript - 在屏幕宽度 860px 下隐藏文本

javascript - 字幕文本 - 获取屏幕边界外的文本长度(以像素为单位)

jquery - 仅当一系列流程通过时才使用 jQuery 延迟提交表单

javascript - 在一个元素上切换两个类而不切换同级元素

javascript - 我如何使用读取文本文件的代码与滚动红色框中文本的代码一起使用?

html - 需要使用 Bootstrap 更正这个复杂的布局

javascript - 从indexedDB检索数据并将值返回给函数调用

css - 响应式粘性页脚菜单悬停效果

javascript - Bootstrap 进度条定时器