2013-07-11 6 views
0

J'ai du mal à trier les éléments isotopiques par dates, les éléments étant des poteaux de wordpress, donc la date à laquelle ils sont attirés par php.
HTML/PHP:jQuery: isotope, tri par date

<div id="blog-grid"> 

<div class="blog-grid date" data-time="<?php the_time('Y-m-d H:i:s') ?>"> 
</div> 

<div class="blog-grid-text date" data-time="<?php the_time('Y-m-d H:i:s') ?>"> 
</div> 

</div> 

jQuery:

$(window).load(function(){ 

var $container = $('#blog-grid'); 

$container.imagesLoaded(function(){ 
$container.isotope({ 
    itemSelector: '.blog-grid, .blog-grid-text', 
sortBy: { 
    time: function($elem) { 
     return $elem.find('.date').attr('data-time'); 
    } 
    }, 
    animationEngine: 'best-available', 
    masonry: { 
    columnWidth: 3, 
    gutterWidth: 20 
    } 
}); 
    }); 

    }); 

Cela ne semble pas fonctionner, je ne peux pas trouver une solution qui. La date peut être dans n'importe quel format si cela aide, mais je ne suis pas sûr de savoir comment trier ces messages par date (décroissant). Toutes les suggestions seraient grandement appréciées!

Répondre

1

Mettez en forme vos dates avec Unix Timestamp en premier. De cette façon, vous trier par une valeur entière. Passez votre chaîne de temps à strtotime() pour le convertir facilement. Ensuite, je ne me rappelle pas vraiment, mais je pense que vous devez également définir le tri par défaut. Réglez cela sur time dans ce cas.

+0

cela semble logique, la conversion en unix est assez facile, à quoi faites-vous référence par «tri par défaut»? Dans la fonction isotope? – user1374796

+0

Oui, je me souviens que vous pouvez définir une méthode de tri par défaut dans les options pour l'isotope. Je ne sais pas si c'est nécessaire, je pense que ça marchera de toute façon :) – Eric