無法在<select>標記中使用twitter-bootstrap彈出窗口

我在<select> html標記中顯示了一個列表，我想使用彈出窗口顯示有關每個項目的一些詳細信息。我加載了所有的js文件，每個<option>初始化，但它不會顯示任何信息。無法在<select>標記中使用twitter-bootstrap彈出窗口

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

來源

2012-07-19 Lasticoteur

控制檯中是否有任何js錯誤 – 2012-07-19 10:14:37

我沒有看到任何錯誤。 – Lasticoteur 2012-07-19 10:35:10

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

來源

2012-07-19 10:57:29 bennoislost

無法在<select>標記中使用twitter-bootstrap彈出窗口

回答

相關問題