当鼠标移动到社交网络的按钮上时，我在悬停模式下使用弹出窗口。这适用于浏览器，但希望在移动设备中禁用，或者更确切地说，在不使用鼠标的设备上。Bootstrap3 - 禁用移动设备上的弹出窗口

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

我已经作出这个决定是因为在小屏幕，酥料饼留下余量，我觉得他的使用（悬停模式）是不必要的不使用鼠标设备。

在此先感谢。

来源

2014-01-23 Kokox

请参阅this answer。

您可以使用Modernizr检测是设备的触摸设备，并在此基础上启动或没有激活popover

的JavaScript：

if (Modernizr.touch) { 
    // activate popover 
}

来源

2014-01-23 23:00:45 n1k1ch

Bootstrap3 - 禁用移动设备上的弹出窗口

回答

的JavaScript：

相关问题