Articles of jquery maonry

JQuery: Flickr + Maçonnerie + ImagesChargées. Comment tout fusionner?

Je cherche à charger des images à partir d’un FlickrSet dans un conteneur bootrasp 3 et à les redimensionner avec la maçonnerie. Je vois que la hauteur du conteneur est chaque fois égale à 0. Je pense que je dois utiliser imagesLoaded mais semble que imagesLoaded ne fonctionne pas. Simplement, la hauteur du conteneur est […]

jQuery maçonnerie comment appeler layoutComplete

J’ai la fonction suivante: namespace.utils.pageReorder(feed, function() { console.log(‘complete’); // do some stuff here no reorder has completed }); ————- pageReorder: function(feed, callback) { feed.masonry(‘reloadItems’); feed.masonry(‘layout’); callback(); }, Ce que je dois être capable de faire, c’est d’appeler le rappel une fois la structure de maçonnerie terminée. Je sais que la maçonnerie a la méthode suivante, […]

Comment importer jQuery Masonry à l’aide de modules ES6?

J’essaie d’utiliser ce paquet npm https://www.npmjs.com/package/masonry-layout Selon les instructions d’installation, j’ai exécuté: npm install masonry-layout –save Puis dans mon dossier, import ‘../../../node_modules/masonry-layout/dist/masonry.pkgd.min.js’ $(‘.blog-posts-container’).masonry({ // options … itemSelector: ‘.card-blog’, columnWidth: 200 }) J’essaie d’importer le package dans mon fichier et de l’exécuter, mais j’obtiens l’erreur suivante: Uncaught TypeError: $(…).masonry is not a function Je pense qu’il […]

jQuery maçonnerie laissant un espace

J’essaie d’utiliser jQuery Masonry dans un projet qui ne fonctionne pas correctement: il y a un vide dans le coin supérieur droit de la grid. J’ai essayé d’ajuster la largeur et les marges de la grid, ce qui fait qu’un bloc par ligne ou tous les blocs sont exécutés ensemble (mais toujours avec un espace […]

Exemple de fonction de suppression de la maçonnerie jQuery

J’ai implémenté la maçonnerie jQuery sur notre site et cela fonctionne très bien. Notre site est dynamic et les utilisateurs doivent pouvoir append / supprimer des boîtes de maçonnerie. Le site a un exemple add mais aucun exemple remove. Notre firebase database est interrogée en retournant x nombre d’articles. En boucle, ils sont chargés et […]

Trouver la position de la cible après le positionnement isotopique

J’utilise David Desandros Isotope pour un nouveau site, mais il semble maintenant que je suis incapable de trouver la position de chaque élément à l’aide de jQuery. Plus précisément, j’essaie de joindre une info-bulle en survol, mais en général, j’aimerais savoir comment obtenir la position () de chaque ancre après leur formatage par Isotope. A […]

Exécutez jQuery une fois le document prêt ET le contenu iframe chargé

Comme vous pouvez le voir sur cette page http://musicglaze.com/chase-status-let-you-go-feat-mali-feed-me-remix/#comments section de commentaires est hors de propos, Après des recherches, j’ai bien compris qu’elle était due au fait que le plugin responsable du style ( http://masonry.desandro.com/ ) est appelé dans $(document).ready(function(){ }); une fonction. cependant, le contenu est chargé dans iframe après cela, ce qui modifie […]

Exemple de disposition jQuery pour maçonnerie réactive

Quelqu’un peut-il suggérer comment ce site utilise le plugin jQuery Masonry pour sa mise en page fluide et réactive? Collective #2 Plus précisément; Le nombre de colonnes change de 3 à 2 à 1 lors du redimensionnement du navigateur, ce que vous attendez d’un site utilisant de la maçonnerie, mais ce qui est intéressant, c’est […]

Erreur jQuery TypeError: $ .event.handle n’est pas défini

J’utilise la dernière version de jQuery pour jQuery.masonry en lançant l’erreur suivante: à la ligne 47 dans jquery-1.9.1.min.js TypeError: $.event.handle is undefined si quelqu’un a la même erreur? MyCode: <script type="text/javascript" src="/scripts/jquery-1.9.1.min.js”> $(function(){ var $container = $(‘#content’); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: ‘.post’, isAnimated: true }); }); $container.infinitescroll({ navSelector : ‘.wp-pagenavi’, // selector for the paged navigation […]

Jquery Masonry Seamless Responsive Image Grid

Je cherche à créer une grid d’images plein écran transparente (sans gouttières) à l’aide de la maçonnerie JQuery, où les images sont entièrement réactives et de largeurs variables. J’ai trouvé quelques points de départ, mais cela s’avère assez difficile pour ma quantité de connaissances. Voici ce que je recherche: http://future.thefutureforward.com/~cycles/assets/images/HUB0002_dAutremont_4WEB.jpg Et voici ce que j’ai […]