我在<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>