2014-01-23 110 views
0

當鼠標移動到社交網絡的按鈕上時,我在懸停模式下使用彈出窗口。這適用於瀏覽器,但希望在移動設備中禁用,或者更確切地說,在不使用鼠標的設備上。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> 

我已經作出這個決定是因爲在小屏幕,酥料餅留下餘量,我覺得他的使用(懸停模式)是不必要的不​​使用鼠標設備。

在此先感謝。

回答

0

請參閱this answer

您可以使用Modernizr檢測是設備的觸摸設備,並在此基礎上啓動或沒有激活popover

的JavaScript:

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