gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 10:14:07 25 4
gpt4 key购买 nike

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

 // 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com