可以't在<选择>标签
Can't use twitter-bootstrap popover in a <select> tag
我在<select>
html标记中显示一个列表,我想用popover显示每个项目的一些详细信息。我加载了所有的js文件,并为每个<option>
初始化,但它不会显示任何信息。
<select id="type_traitement" class="span10">
<?php
foreach ($type_traitement_simple as $tts) {
echo '<option value="' . $tts->id_type_traitement_simple . '">
<a href="#"
rel="popover" data-content="' . $tts->description . '"
data-original-title="' . $tts->name . '"id="t_'.$tts->id_type_traitement_simple.'">
' . $tts->name . '
</a>
</option>';
?>
<script>
$(function ()
{ $("#t_<?php echo $tts->id_type_traitement_simple ?>").popover();
});
</script>
<?php
}
?>
</select>
将foreach
循环更新为如下所示。
<?php foreach($type_traitement_simple as $tts): ?>
<option value="<?php echo $tts->id_type_traitement_simple; ?>"
data-content="<?php echo $tts->description; ?>"
data-title="<?php echo $tts->name; ?>"><?php echo $tts->name; ?></option>
<?php endforeach; ?>
这应该是循环排序。现在将以下JavaScript放在jQuery、Bootstrap Tooltip和Bootstrap Popover脚本之后。
<script type="text/javascript">
$(function() {
$('#type_traitement option').popover({
placement: 'right',
trigger: 'manual'
}).hover(function() {
$(this).popover('toggle');
});
});
</script>
相关文章:
- Div根据<选择>菜单
- 如何更改<选择>使用angularJS从控制器获得的值
- 当<选择的选项>重新选择
- 依赖<选择>HTML和JavaScript菜单
- 选择<李>使用普通JavaScript的子节点,而不是孙节点
- 如何传递相同页面<选择>值到同一页<f: param>
- 渲染<选项值=“;foo”;选择>在服务器上
- <选择>标签不起作用
- 当我有<选择>下拉列表
- 记住<选择>重新加载页面
- <中的链接;选择>下拉选项
- 映射多个<选择>至<输入>
- <上的applyBindings();选择>正在导致我的subscribe()起火,
- 触发器<输入类型=“;文件“>用angular程序选择文件
- 如何动态生成X数量的新<输入>基于a<选择>(Angular2内)
- 在<选择>使用angular ng选项可能使用ng init
- 如何在提交<选择>与AngularJS
- jQuery将输入集中在下一个tr->td时,td包含一个输入字段,但从不关注html选择
- 使用动态<选择>以显示<输入类型=“;文本>
- 正在读取<p: 选择一个菜单/>在onchange回调中