javascript - 如何显示无效输入的引导弹出窗口？

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" );

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