无线电输入上的引导工具提示
Bootstrap tooltip on radio input
此代码不起作用。也尝试在没有 JS 的情况下,通过将属性放入 <input>
中.似乎什么都不起作用。
$('#radio1').tooltip({
placement: "bottom",
trigger: "hover"
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="radio1" autocomplete="off"
data-toggle="tooltip" title="tooltip on radio!">Radio 1
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="radio2" autocomplete="off">Radio 2
</label>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
尝试将工具提示的属性应用于<label>
:
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active" data-toggle="tooltip" data-placement="bottom" title="tooltip on radio!">
<input type="radio" name="options" id="radio1" autocomplete="off">Radio 1
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="radio2" autocomplete="off">Radio 2
</label>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
相关文章:
- d3.js Chord图的动态工具提示
- Graphiti中是否有任何工具提示功能
- "工具提示"jQuery插件坏了
- 如何从 Chrome 中的文件输入中删除“未选择文件”工具提示
- 使用输入元素作为工具提示中的内容
- 如何从javascript手动触发工具提示和输入框
- 丰富的面孔 :如何在输入数字滑块工具提示的值旁边添加静态文本
- 有没有办法强制工具提示显示在输入元素的特定位置
- 无法将表单输入字段上的 JQuery UI 工具提示限制为仅在单击/焦点事件上显示
- 鼠标输入时未显示工具提示
- 如何使用甘特-工具提示属性在角表格中显示用户输入格式的日期
- 如何在输入字段type= " file "时添加引导工具提示
- 在Highcharts中动态显示用户输入作为工具提示
- 在输入处添加工具提示
- 我可以使用javascript调用本地HTML5输入工具提示吗?
- 强制显示输入框工具提示/标题
- JQuery工具提示仅在输入字段焦点处可见
- 无线电输入上的引导工具提示
- 在Safari中使用输入组插件引导工具提示故障
- 点击显示输入字段's标题工具提示