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

Demo

Doc

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

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

bootstrap工具提示/弹出按钮不起作用

1 个答案:

Demo

Doc