تنبيه الزناد بعد اكتمال مرشح النظائر مسج

Question

لدي مسج النظائر الإعداد وأنشأت بعض المرشحات.عندما أقوم بإنشاء ، أختار مرشحا ، يقوم النظير بعمل رسوم متحركة صغيرة لطيفة.أريد أن يؤدي تنبيه في نهاية الرسوم المتحركة.

يقوم هذا المثال بتخفيض الرسوم المتحركة التي تحدث:

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

أي أفكار?

هنا هو رمز للنقر على مرشح:

$('.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;
  });

Answer 1

منذ الإصدار 1.5 (التغيير) ، النظائر يوفر رد فعل لفعل ذلك;هو موضح في مقدمة النظائر (فقط ابحث في الصفحة عن callback):

بالإضافة إلى ذلك ، يمكنك تحديد رد اتصال بعد كائن الخيارات.سيتم تشغيل هذه الوظيفة بعد اكتمال الرسوم المتحركة.

onAnimationFinished = function(){
  // code to be executed after the animation finishes
};

$('#container').isotope({ filter: '.my-selector' }, onAnimationFinished);

للحصول على أمثلة حية نلقي نظرة على هذا جسفيدل الذي يلقي تنبيها عند تغيير مرشح عبر مربع الاختيار المدخلات أو زقزقة اختبار رد النظائر المصدر والبحث عن changeBGColor.

Answer 2

لا شيء منهم يعمل بالنسبة لي.بدلا من ذلك، استخدمت ما هو موضح في أقسام الأحداث: http://isotope.metafizzy.co/events.html

giveacodicetagpre.

Answer 3

هذا لم ينجح بالنسبة لي باستخدام النظير 2.0.أنا أيضا لا تستخدم مسج لذلك ربما استخدام مختلف مع الفانيليا جس.

وفي كلتا الحالتين ، إذا كان أي شخص يعمل في هذه المشكلة ، حصلت عليه للعمل باستخدام 2.0 رد الحدث: iso.on('layoutComplete', myFunction).

مزيد من المعلومات حول أحداث النظائر: http://isotope.metafizzy.co/events.html

Answer 4

لا شيء من هذه العمل بالنسبة لي.لست متأكدا مما إذا كانت أحدث إصدار من ISOTOPE و / أو JQUERY 2.1.1.بغض النظر، وجدت حلا على github :

$ isotope.bind ("نقل webkittransitionend otransitionend mstransitendend"، myfunction)؛