Question

我有一些输入框，如果它的值不是1，我需要显示一个弹出窗口，说它对该特定输入无效。

我的代码

<br/>
<br/>
<br/>
<input type="text" class="check" />
<input type="text" class="check" />
<input type="text" class="check" />
<input type="text" class="check" />
<input type="button" id="Save" value="Save" />

的JavaScript

$(document).ready(function() {
  $("#Save").click(function() {
    $(".check").each(function() {
      $val = $(this).val();
      if ($val != 1) {      
        $(this).popover({
          content: "Invalid"
        });
      }
    })
  })
})

LIVE DEMO

Answer 1

您正在初始化.popover插件，但您没有告诉show。

这样做：

$(this).popover('show');

演示：http://jsfiddle.net/bqo5mdcz/3/

Answer 2

你只想念这一件事，打电话给popover show函数：

$(this).popover({
          content: "Invalid"
}).popover("show");

如果要删除弹出窗口，请调用destroy函数：

$(".popover:visible").popover( "destroy" );

它会立刻摧毁所有可见的弹出窗口。

如何显示无效输入的bootstrap popover？

2 个答案: