bootstrap工具提示/彈出按鈕不起作用

Question

我正在使用php來驗證用戶登錄，如果用戶/密碼無效，我想在登錄按鈕下顯示一個popover /工具提示“無效的用戶名或密碼”。

我的PHP部分正在工作，用echo測試，但我無法使工具提示工作。

我已經包含以下導入

<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>

創建了以下javascript函數

$(document).ready(function() {
function invalid(){
$('#userNameField').tooltip({
              'selector': '',
              'placement': 'bottom',
              'content' : 'bbbbblblblbl'
            });
$('#userNameField').tooltip('show');
}
</script>

我的按鈕有userNameField id

    <form class="navbar-form pull-right" action="" method="post">
      <input type="submit" class="btn" id="userNameField" value="Sign in">
    </form>

在我調用無效函數之前我的php停止了（我用警報（“測試”）測試了這部分，它正在工作

?>
        <!--Code for invalid username/password combo goes here-->
   <script type="text/javascript">
    invalid();
    </script>
<?php

任何想法我做錯了什么？

Answer 1

工具提示沒有content屬性，您需要使用title

演示

文件

   $('#userNameField').tooltip({
              'placement': 'bottom',
              'title' : 'bbbbblblblbl'
            });

$('#userNameField').tooltip('show');