Javascript 如何在java脚本中显示引导程序底部鼠标悬停图像单击

Javascript 如何在java脚本中显示引导程序底部鼠标悬停图像单击,javascript,css,angularjs,twitter-bootstrap,Javascript,Css,Angularjs,Twitter Bootstrap,有人能告诉我如何在java脚本中显示引导程序底部的pop鼠标悬停图像按钮点击吗 谢谢Bootstrap有一个关于Popover的有用文档。你可以在这里阅读: 以下是如何使用的简单示例: <img src="so.jpg" data-toggle="popover" data-title="Top title" data-content="Body text" /> 此示例还包含一个悬停图像的解决方案。只需将data-toggle=“popover”替换为data-popover=“

有人能告诉我如何在java脚本中显示引导程序底部的pop鼠标悬停图像按钮点击吗


谢谢

Bootstrap有一个关于Popover的有用文档。你可以在这里阅读:

以下是如何使用的简单示例:

<img src="so.jpg" data-toggle="popover" data-title="Top title" data-content="Body text" />
此示例还包含一个悬停图像的解决方案。只需将
data-toggle=“popover”
替换为
data-popover=“popover”

我希望这将对您有所帮助。

HTML:

<img src="http://example/image/url" alt="image" title="Header" data-toggle="popover" data-placement="bottom" data-content="Content"/>
<script>
    $(document).ready(function(){
        $('[data-toggle="popover"]').popover(); 
    });
</script>

jQuery:

<img src="http://example/image/url" alt="image" title="Header" data-toggle="popover" data-placement="bottom" data-content="Content"/>
<script>
    $(document).ready(function(){
        $('[data-toggle="popover"]').popover(); 
    });
</script>

$(文档).ready(函数(){
$('[data toggle=“popover”]')。popover();
});
检查。


$(文档).ready(函数(){
$('[data toggle=“popover”]')。popover();
});