如何顯示無效輸入的引導彈窗？

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

如果你想刪除彈出窗口，然後調用破壞函數：

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

它會立即銷燬所有可見的彈出。