Comment faire des onglets jQuery pour glisser?

- Je utiliser les onglets jquery(onglets).
Je veux faire les onglets slided horizontalement(faites glisser vers la gauche/droite)..

J'ai googlé et trouvé que je peux passer " fx " paramètre d'onglets, mais je n'ai pas trouvé ce paramètre à passer pour faire des onglets pour faire glisser.

Merci

OriginalL'auteur theateist | 2011-03-23

  1. 2

    Vous pouvez trouver les options pour le "slide" effet ici:
    http://docs.jquery.com/UI/Effects/Slide

    Par exemple,

    $( ".selector" ).tabs({ fx: { direction: 'left' } });

    Vous pouvez également trouver d'autres options d'animation sur le lien suivant:
    http://docs.jquery.com/UI/Effects/

    J'ai testé ce code mais il ne fonctionne pas. Le seul "slide" option semble être $('.tabs').tabs({ fx: { width: 'toggle' } }); mais ça glisse dans les deux sens. Doit sûrement être possible de glisser un moyen mais je ne trouve pas de documentation pour cet.
    Jetez un oeil à celui-ci: stackoverflow.com/questions/1350666/....
    Ne fonctionne pas pour moi du tout.

    OriginalL'auteur William Niu

  2. 4

    Ce plugin est génial, il est appelé CodaSlider. Fonctionne comme un charme et est très facile à utiliser. Vous économiserez des heures de travail.

    Ce plugin seulement perdu une heure de travail pour moi. Pour ceux qui sont utilisés pour l'INTERFACE utilisateur de jQuery non-intrusive de balisage et prêt à essayer ce plugin, vous devez savoir qu'il vous demande d'insérer un grand nombre de conteneurs et des emballages avec des classes comme panel-container et son INTERFACE utilisateur, activée par défaut, peut ruiner votre disposition dans certaines circonstances (je n'ai pas compris la cause parce que j'ai donné).
    Le lien est cassé

    OriginalL'auteur rsplak

  3. 3

    Cela a fonctionné pour moi:

    $("#tabs").tabs( { show: { effect: "slide", direction: "left", duration: 500 }});

    OriginalL'auteur Arslan Farooq

  4. 0

    @DanAbramov La Coda Slider est très simple à utiliser. Tous ces emballages et les contenants sont générées dynamiquement et ne nécessitent pas le programmeur pour le mettre en place à tous les...

    Aussi, alors qu'il n'a pas d'épave toutes les layouts, il n'est pas conçu pour les appareils mobiles. Au lieu de vérifier le Liquide Curseur, qui est une extension de la Coda Slider.

    J'ai construit tous les deux.

    Le lien est cassé
    href="https://github.com/KevinBatdorf/liquidslider" >github.com/KevinBatdorf/liquidslider

    OriginalL'auteur Kevin Batdorf

  5. 0

    Onglets JQuery Glissement Sensible de Clics vers l'Avant & Arrière

     $( "#jtabs" ).tabs({beforeActivate: function (event, ui) {
       var newTab = ui.newTab.index();
       var active = $("#jtabs").tabs("option", "active");

   ( newTab < active ) ?  $( "#jtabs" ).tabs( { show: { effect: "slide", direction: "right", duration: 200 }} ) :$( "#jtabs" ).tabs( { show: { effect: "slide", direction: "left", duration: 100 }} );
      }});

//NEXT Button
$(".nexttab").click(function() {
   var active = $( "#jtabs" ).tabs( "option", "active" );
$( "#jtabs" ).tabs( "option", "active", active + 1 );
});

    OriginalL'auteur Manjesh V