如何显示 bootstrap 无效输入的弹出窗口？

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

您只错过了一件事情，即对弹出窗口显示功能的调用：

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

如果你想删除弹出窗口，然后调用 destroy 函数：

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

它会立即销毁所有可见的弹出窗口。