我试图让工具提示显示在选择的每个选项的右侧,但不能。
// 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>
我需要对选择选项更改事件进行特定测试吗?
最佳答案
显然它不起作用,请注意这个答案:https://stackoverflow.com/a/3275809/1102585
Jquery 的 Enter
事件永远不会在选项上触发,这意味着您无法使用 javascript 触发 <option>
上的工具提示但是,您可以处理 <select>
上的 Enter 事件并自行处理工具提示的定位,这就是公认的解决方案的作用
或者,您也可以简单地删除 $('#selectdemo option').tooltip();
自title
调用属性已经在选项上添加了原生工具提示
关于javascript - Bootstrap 2 关于 html select 选项的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29964891/