3 Stimmen

Bootstrap: Karussell mit Tastatursteuerung

Hat es jemand geschafft, das Twitter-Bootstrap-Karussell mit Tastatursteuerung zu implementieren? Ich weiß, dass dies im nächsten Release implementiert wird, aber ich frage mich, ob es jemand von euch geschafft hat, es zum Laufen zu bringen.

Hier ist mein aktueller Code:

  jQuery(document).keypress(function(event) {

  if (event.keyCode === RIGHT_ARROW) {
  $('a.carousel-control.right').trigger('click');

  }

  if (event.keyCode === LEFT_ARROW) {

  $('a.carousel-control.left').trigger('click');

  }

  });

Aber ich komme damit nicht weiter. Irgendwelche Ideen?

Bearbeitet: Hier ist der Wordpress-Code, den ich ausführe...

                         role="article" itemscope itemtype="http://schema.org/BlogPosting">

                            post_type == 'portfolios' && $post->post_status == 'publish' ) {
                            $attachments = get_posts( array(

                            'post_type' => 'attachment',
                            'posts_per_page' => -1,
                            'post_parent' => $post->ID,
                            'exclude' => get_post_thumbnail_id(),
                            'orderby' => 'menu_order',
                            'order' => 'ASC'    
                                ) );

                            ?>

                                    ID, 'orion-thumb-900', false );
                                    $post_num++;
                                    ?>          

                                    "; ?>  

                                    ‹
                                    ›

9voto

Pan Chrono Punkte 420

Danke dafür,

Noch besser mit Karussell-Events und Geräteunterstützung - 'click' ist heutzutage doof!

    $(document).bind('keyup', function(e) {
        if(e.which == 39){
            $('.carousel').carousel('next');
        }
        else if(e.which == 37){
            $('.carousel').carousel('prev');
        }
    });

5voto

Johann Punkte 651

Hier ist der korrekte Code, danke DavidChase und Flemingslone!

jQuery(document).bind('keyup', function(e) {

  if (e.keyCode==39) {
      jQuery('a.carousel-control.right').trigger('click');
  }   

  else if(e.keyCode==37){
      jQuery('a.carousel-control.left').trigger('click');
  }

});

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X