Twitter bootstrap 引导工具提示仅适用于一个按钮，而不适用于其他按钮

我有一个引导工具提示，定义如下：

<button id="tooltip1" type="button" class="btn btn-default pull-right" 
                        data-toggle="tooltip" 
                        data-placement="right" 
                        data-original-title="Add a Program"
                        ng-click="display.addprogram = true">
                        <span class="glyphicon glyphicon-plus-sign pull-right"></span>
                    </button>

<button id="tooltip1" type="button" class="btn btn-default pull-right"
                                    data-toggle="tooltip" 
                                    data-placement="right" 
                                    data-original-title="Add a Course"
                                    ng-show="{{node.min_credit}} != summedcompleted[{{node.id}}]"
                                    ng-click="open({{node.id}}, {{node.min_credit}}, summedcompleted[{{node.id}}], summedplanned[{{node.id}}])"><span class="glyphicon glyphicon-plus-sign pull-right"></span>
                            </button>

<script id="tooltipid" type="text/javascript">
            $(document).ready(function() {
                $('#tooltip1').tooltip();
            });
        </script>

$（文档）.ready（函数（）{
$（'#工具提示1'）。工具提示（）；
});

---

工具提示仅适用于第一个按钮，而不适用于第二个按钮。可能发生什么情况？

HTML ID必须是唯一的。您有两个ID为工具提示1的元素，这是不合法的。您可能应该改用类，例如：

$('.btn').tooltip();

---

HTML ID必须是唯一的。您有两个ID为工具提示1的元素，这是不合法的。您可能应该改用类，例如：

$('.btn').tooltip();

---

HTML ID必须是唯一的。您有两个ID为工具提示1的元素，这是不合法的。您可能应该改用类，例如：

$('.btn').tooltip();

---

HTML ID必须是唯一的。您有两个ID为工具提示1的元素，这是不合法的。您可能应该改用类，例如：

$('.btn').tooltip();

---

不过，使用

$（'.btn'）

可能有点过于通用。@奈杰兰格尔：当然，在这种情况下，只向需要工具提示的按钮添加一个新类。使用

$（'.btn'）

可能有点过于通用。@奈杰兰格尔：当然，在这种情况下，只向需要工具提示的按钮添加一个新类。使用

$（'.btn'））

可能有点太普通了。@NigelAngel:当然，在这种情况下，只向需要工具提示的按钮添加一个新类。但是使用

$（'.btn'）

可能有点太普通了。@NigelAngel:当然，在这种情况下，只向需要工具提示的按钮添加一个新类。