Fatal编程技术网
  • css/
  • Css 上次引导工具提示无效

Css 上次引导工具提示无效

css twitter-bootstrap twitter-bootstrap-3

Css 上次引导工具提示无效,css,twitter-bootstrap,twitter-bootstrap-3,twitter-bootstrap-2,Css,Twitter Bootstrap,Twitter Bootstrap 3,Twitter Bootstrap 2,这是我的HTML代码： <table> <tr class="primary"> <td>1</td> <td>Name</td> <td> <a data-toogle="tooltip" data-placement="bottom" title="Add user" href="#/tutoria/add/1" class

这是我的HTML代码：

<table>
    <tr class="primary">
        <td>1</td>
        <td>Name</td>
        <td>
            <a data-toogle="tooltip" data-placement="bottom" title="Add user" href="#/tutoria/add/1" class="glyphicon glyphicon-plus glyphicon-lg **tooltips** add-user" data-original-title="Agregar usuario"></a> 
        </td>
    </tr>
    <--!The last tooltip that I've in my table (tr) doesn't work-->
    <tr class="primary">
        <td>2</td>
        <td>Name</td>
        <td>
            <a data-toogle="tooltip" data-placement="bottom" title="Add user" href="#/tutoria/add/2" class="glyphicon glyphicon-plus glyphicon-lg **tooltips** add-user"></a> 
        </td>
    </tr>
</table>
我正在用主干实现引导，我有一个问题：所有工具提示引导都可以正常工作，除非我在表的最后一行中的工具提示。

表中的最后一个工具提示缺少数据原始标题标记。您已将其包含在第一个工具提示中，这就是该工具提示起作用的原因

将代码更改为：

致：

你给出的代码应该是有效的，我在chrome、firefox上试用过，也就是说，我可以复制你的代码，但它与你的代码相同，除非在最后一个tr之前有另一个代码没有关闭引号，这会阻止jquery将最后一个“a”识别为工具提示选择器的一部分

    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="js/bootstrap/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap/js/bootstrap.min.js"></script>

        <script>
            $(".tooltips").tooltip();
        </script>
<html>
<body>

<table>
    <tr class="primary">
        <td>1</td>
        <td>Name</td>
        <td>
            <a data-toogle="tooltip" data-placement="bottom" title="Add user" href="#/tutoria/add/1" class="glyphicon glyphicon-plus glyphicon-lg **tooltips** add-user" data-original-title="Agregar usuario"></a>
        </td>
    </tr>
    <--!The last tooltip that I've in my table (tr) doesn't work-->
    <tr class="primary">
        <td>2</td>
        <td>Name</td>
        <td>
            <a data-toogle="tooltip" data-placement="bottom" title="Add user" href="#/tutoria/add/2" class="glyphicon glyphicon-plus glyphicon-lg **tooltips** add-user"></a>
        </td>
    </tr>
</table>

</body>

</html>
使用chrome调试器了解当您使用选择器“.tooltips”时，jquery是否正在选择最后一个“a”？

<script src="http://getbootstrap.com/assets/js/docs.min.js"></script>
下面是bootstrap.min.js，它可以正常工作。

可能因为底部的位置，您看不到它。也许上面有什么。将“放置”更改为“顶部”以放弃该位置。 
<script src="http://getbootstrap.com/assets/js/docs.min.js"></script>