javascript - Bootstrap 2 关于 html select 选项的工具提示

Question

我试图让工具提示显示在选择的每个选项的右侧，但不能。

 // tooltip select demo
$('#selectdemo option').tooltip();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>

<select id="selectdemo">
    <option data-placement="right" data-toggle="tooltip" data-original-title="Tooltip on left 1" title="Tooltip on left 1">Tooltip on left 1</option>
    <option data-placement="right" data-toggle="tooltip" data-original-title="Tooltip on left 2" title="Tooltip on left 2">Tooltip on left 2</option>
</select>

我需要对选择选项更改事件进行特定测试吗？

Answer 1

显然它不起作用，请注意这个答案:https://stackoverflow.com/a/3275809/1102585

Jquery 的 Enter事件永远不会在选项上触发，这意味着您无法使用 javascript 触发 <option> 上的工具提示但是，您可以处理 <select> 上的 Enter 事件并自行处理工具提示的定位，这就是公认的解决方案的作用

或者，您也可以简单地删除 $('#selectdemo option').tooltip();自title调用属性已经在选项上添加了原生工具提示