Bootstrap3 -在移动设备上禁用Popover
Bootstrap3 -在移动设备上禁用Popover
提问于 2014-01-23 22:54:59
当鼠标移动到社交网络的按钮上时，我在鼠标悬停模式下使用弹出器。这在浏览器中很好，但希望在移动设备中禁用，或者更确切地说，在不使用鼠标的设备上禁用。
<div class="collapse navbar-collapse navbar-ex2-collapse">
<ul class="nav navbar-nav textomenu">
<li><div id="example" data-trigger="hover" data-content="Comparte esta página!" data-original-title="Amixer Music" class="fb-like botonlike" data-href="http://www.traductoramixer.es/amixermusic/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div></li>
<li><div id="example2" data-trigger="hover" data-content="Unete a nosotros!" data-original-title="Traductor Amixer" class="fb-like botonlike" data-href="https://www.facebook.com/traductoramixer.es" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div></li>
<li><div id="example3" data-trigger="hover" data-content="Sigueme!" data-original-title="Kokox - Webmaster" class="fb-follow botoncomparte" data-href="http://www.facebook.com/elkokox" data-colorscheme="light" data-layout="button_count" data-show-faces="false"></div></li>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function (){
$("#example").popover({
placement: 'bottom'
});
});
$(function (){
$("#example2").popover();
});
$(function (){
$("#example3").popover({
placement: 'top'
});
});
</script>我之所以做出这个决定，是因为在小屏幕上，popover留下了空白，我认为对于不使用鼠标的设备来说，他的使用(悬停模式)是不必要的。
提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-01-23 23:00:45
您可以使用Modernizr来检测是一个触摸设备，并以此为基础激活或不激活popover。
JavaScript：
if (Modernizr.touch) {
// activate popover
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21321048
复制相关文章
相似问题
腾讯云开发者
