Question

当我在锚标记中使用然后显示图像时，我尝试使用鼠标悬停时的工具提示显示图像和文本，并且每当我使用选择选项时就不显示图像。有人知道该怎么做吗？

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip({
    animated: 'fade',
    placement: 'bottom',
    html: true
   });
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>


<select>

<option value="1" data-toggle="tooltip" title="<img src='http://getbootstrap.com/apple-touch-icon.png' />">A</option>

<option value="2" data-toggle="tooltip" title="<img src='http://getbootstrap.com/apple-touch-icon.png' />">B</option>

<option value="3" data-toggle="tooltip" title="<img src='http://getbootstrap.com/apple-touch-icon.png' />">C</option>

</select>

如何在图片和文字的选择选项中使用工具提示？

0 个答案: