javascript - 按钮上的引导工具提示/弹出窗口不起作用

Question

我正在使用 php 对用户登录进行身份验证，并且我想在登录按钮下显示一个弹出框/工具提示，上面写着“无效的用户名或密码”，以防用户/密码无效。

我的 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 在我调用无效函数之前停止（我用 alert("test") 测试了这部分并且它正在工作

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

任何想法我做错了什么？

Answer 1

Tooltip 没有content属性，您需要使用title

演示

文档

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

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