jCarousel: Pouvez-vous supprimer tous les éléments et de les relier à une nouvelle collection?

jCarousel documentation les états suivants:

  • En passant par la fonction de rappel itemLoadCallback comme option de configuration, vous pouvez dynamiquement créer (li) des éléments du contenu.
    {...}
  • jCarousel contient une commodité de la méthode add() qui peut être transmise à l'index de l'élément à créer et le innerHTML de la chaîne de l'élément à créer.

Ma Question:

Est-il possible de supprimer tous les éléments et de les relier à une nouvelle collection?

BTW: je n'ai pas forcément besoin d'une "méthode pratique" pour ce faire. Je suis très ouvert à des solutions de contournement.
FYI: Cette stratégie ne semble pas fonctionner.

OriginalL'auteur Jim G. | 2009-09-03

  1. 8

    Vous pouvez le faire mais vous avez besoin de garder une référence sur le carrousel autour de et appel reset sur elle. Ceci peut être réalisé à l'aide de la initCallback option que vous passez à la jcarousel fonction.

    function carousel_callback( carousel, state) {
    //BWA-HA...I have the carousel now....FEEL THE POWER!

    //reset empties it out
    $('#reset-caro').click( function( evt ) {
        carousel.reset();
    });

    //here's how to call add
    $('#add-to').click( function( evt ) {
        //..this just adds to the first spot..modify as needed
        carousel.add(0, "<li>O HAI!</li>");
    });
}

$(document).ready(function() {
    $('#mycarousel').jcarousel( {
        initCallback: carousel_callback
    });
});

    Voici mon code HTML:

      <a id="reset-caro" href="#">reset</a>

  <a id="add-to" href="#">add</a>  

  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li>MOM</li>
    <li>DAD</li>
    <li>BROTHER</li>
    <li>SISTER</li>
  </ul>
    Merci beaucoup pour le code! J'ai deux remarques: 1. FF 3.5.2 et Chrome: Lorsque je clique sur "réinitialiser" la première fois, les éléments disparaissent (les bonnes), mais ils laissent derrière eux des cases blanches (bad). Autre que cela, le code fonctionne parfaitement. // 2. IE8: Ne gère pas ce code de bonne grâce. Mon CPU pointes à 50%. [Cela peut parler à un jCarousel faiblesse plutôt qu'une logique de bug.]
    Ouais, j'ai remarqué que deux de ces questions. Les deux sont tous sur jCarousel. réinitialisation de gauche ces boîtes, peu importe ce que j'ai essayé.
    Merci, Seth. Vous avez été d'une grande aide.
    Vous êtes les bienvenus. Content d'avoir pu aider.
    C'est probablement un peu tard pour cela, mais j'ai rencontré ce problème aujourd'hui. Pour fixer les cases blanches, il y a un style dans la peau.css appelé .jcarousel-élément de l'espace réservé. il a un arrière-plan de "#fff". si vous supprimez cette ligne ou un jeu à fond:aucun, vous ne verrez pas les cases blanches.

    OriginalL'auteur seth

  2. 3

    En plus de ce qui précède, veuillez également spécifier la taille de votre nouveau carrousel. 

    carousel.size(x);

    Cela devrait éliminer le blanc des boîtes vides dans IE (comme décrit ci-dessus).

    Grâce,
    Nik

    OriginalL'auteur Nik