2015-06-04 4 views
1

Как перемещаться между различными вкладками с помощью сочетаний клавиш, реализованных с помощью горячей клавиши, из следующих: https://github.com/jeresig/jquery.hotkeys.Использование горячих клавиш для навигации по вкладкам

<div class="box-content"> 
       <ul class="nav nav-tabs" id="myTab"> 
        <li class="active"><a href="#info">Info</a></li> 
        <li><a href="#custom">Custom</a></li> 
        <li><a href="#messages">Messages</a></li> 
       </ul> 

       <div id="myTabContent" class="tab-content"> 
        <div class="tab-pane active" id="info"> 
         <h3>Charisma 
          <small>a full featured template</small> 
         </h3> 
         <p>Its a full featured, responsive template for your admin panel. It is optimized for tablets 
          and mobile phones.</p> 

         <p>Check how it looks on different devices:</p> 
         <a href="http://www.responsinator.com/?url=usman.it%2Fthemes%2Fcharisma" 
          target="_blank"><strong>Preview on iPhone size.</strong></a> 
         <br> 
         <a href="http://www.responsinator.com/?url=usman.it%2Fthemes%2Fcharisma" 
          target="_blank"><strong>Preview on iPad size.</strong></a> 
        </div> 
        <div class="tab-pane" id="custom"> 
         <h3>Custom 
          <small>small text</small> 
         </h3> 
         <p>Sample paragraph.</p> 

         <p>Your custom text.</p> 
        </div> 
        <div class="tab-pane" id="messages"> 
         <h3>Messages 
          <small>small text</small> 
         </h3> 
         <p>Sample paragraph.</p> 

         <p>Your custom text.</p> 
        </div> 
       </div> 
      </div> 

И моя реализация сценария горячих клавиш ниже:

<script src="<?php echo base_url(); ?>assets/hotkeys/jquery-1.4.2.js"></script> 
      <script src="<?php echo base_url(); ?>assets/hotkeys/jquery.hotkeys.js"></script> 
      <script> 
       var y = jQuery.noConflict(); 

       y(document).ready(function() { 
        y(document).bind('keydown', 'shift+w', function() { 
         y('#messages')[0].tabs(); 

        }) 
       }); 

      </script> 

Как я могу осуществить это так, что, когда я нажимаю сдвига и ш (Shift + W), он открывает вкладку сообщений? Использование вкладок не удалось.

+0

Попробуйте это, 'y ('# messages'). Tabs ('show');' –

+0

@kamalpal не работает –

ответ

2
function activaTab(tab){ 
    $('.nav-tabs a[href="#' + tab + '"]').tab('show'); 
}; 

y(document).ready(function() { 
    y(document).bind('keydown', 'shift+w', function() { 
    activaTab('messages'); 
    }) 
}); 

Не могли бы вы попробовать, я еще не пробовал, но код выглядит хорошо!

+0

спасибо, что это сработало :) –

Смежные вопросы