2016-05-21 15 views
0

i bin derzeit versucht, die Funktionalität von dieser Website neu zu erstellen: http://etchapps.com/Isotopen - Change Eckstempel durch Filter

Auf der Homepage sie alles zeigen, und mit dem Menü können Sie die Ausgabe filtern. Was ich vorerst nicht gut gemacht habe, sind die Eckstempel. Auf der "Startseite" werden die Eckstempel zufällig im Raster angezeigt und wenn Sie dann den Filter der Seite ändern, haben sie für jeden Filter einen anderen Eckstempel. Also was ich eigentlich kämpfe, ist in der Lage, den Eckstempel auf einem Filter zu ändern. Ich habe diese funktionierende Implementierung

Auf meinem Filteranruf, aber das bricht die Animation.

Irgendwelche Ideen?

Hier ist eine Geige, die das Problem mit der Änderung der Eckstempel zeigt: https://jsfiddle.net/sgurlt/buwndhns/3/

+0

Haben Sie dies überprüfen: http://stackoverflow.com/questions/8996005/jquery-isotope-corner-stamp-issue?rq=1 –

Antwort

0

Sie haben Isotop, bevor die Einstellungen zu zerstören und es initialisieren wieder nach deten Einstellung. Bitte überprüfen Sie this fiddle.

$iso.isotope('destroy'); 

//Your personal settings goes here then 

$iso.isotope({ 
    itemSelector: '.element', 
    sortBy : 'random', 
    filter: filterElement 
}); 
+0

, sie habe :) sollte ich zuerst Filter oder zuerst die eingestellte stempeln, wenn diese in 3 Funktionen aufgeteilt werden: fn_init, fn_filter, fn_stamp? – Basti

+0

Entschuldigung, ich weiß nicht mehr darüber. Ich denke, es gibt keinen Unterschied in der Reihenfolge der Einstellungen. Nur daran erinnern, es zuerst zu zerstören. Zweitens: Einstellungen. Drittens: Neu initialisieren –