He jquery isótopos de instalación y se han creado algunos filtros. Cuando creo que me seleccione un filtro, isótopos hace un buen poco de animación. Quiero activar una alerta en la final de la animación.

Este ejemplo la resolución demuestre la animación que se produce:

http://isotope.metafizzy.co/demos/filtering.html

Alguna idea?

Aquí está el código para el clic de un filtro:

$('.filter').on( 'click', 'a', function( event ) {
        event.preventDefault();
        var $this = $(this);
        //don't proceed if already selected
        if ( $this.hasClass('selected') ) {
            return false;
        }

        //console.log('hello world');
        var $optionSet = $this.parents('.option-set');
        var group = $optionSet.attr('data-filter-group');
        options.comboFilters[ group ] = $this.attr('data-filter-value');
        $.bbq.pushState( options );

        //COUNT
        var $filtered = $('#isotope-container').data('isotope').$filteredAtoms;
        //get count of all filtered item
        alert($filtered.length);
        //get count of all filtered items that match a selector
        //$filtered.filter('.blue').length;
  });
InformationsquelleAutor David | 2012-10-03

4 Comentarios

  1. 8

    Desde v1.5 (changelog), Isótopo proporciona una devolución de llamada para hacer precisamente eso; es descrito en Isótopo la Introducción (sólo la búsqueda de la página para callback):

    Además, se puede especificar una devolución de llamada después de que el objeto de opciones. Esta función se activa al finalizar la animación.

    onAnimationFinished = function(){
      //code to be executed after the animation finishes
    };
    
    $('#container').isotope({ filter: '.my-selector' }, onAnimationFinished);

    Para vivir ejemplos echa un vistazo a este jsFiddle que arroja una alerta cuando se cambia un filtro a través de la casilla de verificación de insumos o peep Isótopos de devolución de llamada de la Prueba de origen y la búsqueda de changeBGColor.

  2. 2

    Esto no funciona para mí el uso de Isótopos 2.0. Tampoco estoy usando jQuery así que tal vez el uso es diferente de vainilla con JS.

    De cualquier manera, si alguien se ejecuta en este problme, yo tengo que trabajar utilizando 2.0 el evento de devolución de llamada: iso.on('layoutComplete', myFunction).

    Más información sobre los Isótopos de eventos: http://isotope.metafizzy.co/events.html

  3. 0

    Ninguno de estos trabajó para mí. No estoy seguro de si es la versión más reciente de Isótopos, y/o jQuery 2.1.1. Independientemente, he encontrado una solución en github:

    $isótopos.bind(«transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd» myFunction);

Dejar respuesta

Please enter your comment!
Please enter your name here