不能在其中使用twitter-bootstrap popover <select>標簽

Question

我在<select> html標記中顯示一個列表，我想顯示一些有關帶有彈出框的每個項目的詳細信息。 我加載了所有的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>

Answer 1

更新您的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>