Articles of jquery mampostería

La altura del div oculto no se expande con el contenido de Masonería

Tengo un script que alterna la visibilidad de un div, dentro del div está contenido cargado con el complemento de mampostería. El problema que tengo es que el div de mampostería (y como resultado los dos divs de envoltura) no se expande en altura a medida que se carga el contenido de mampostería, aplasta los […]

¿Dos columnas de albañilería jQuery con diferente ancho?

Actualmente estoy trabajando en un tema personalizado usando Masonería . Implementé exitosamente la mampostería, pero desafortunadamente, no puedo entender cómo puedo implementar una columna de dos columnas con diferentes tamaños. para tener una visión clara de lo que estoy tratando de hacer, puedes echar un vistazo a la imagen: El problema que encuentro es que […]

Problema con la adición de elementos en jQuery Masonry

Estoy tratando de hacer un diseño de mampostería con un montón de fichas con algunas imágenes que contienen. Aquí está más o menos mi código: var $mainContent = $(‘#main-content’); $mainContent.imagesLoaded(function() { $mainContent.masonry() }); loadMore = function() { $.ajax({ url: ‘/things’, success: function (data) { var $data = $(data); $data.imagesLoaded(function() { $mainContent.append($data).masonry(‘appended’, $data, true) }) } […]

¿Cómo puedo usar la Masonería varias veces por página con el mismo nombre de clase?

Necesito tener múltiples rejillas de mampostería por página. Estoy generando el código con un bucle de wordpress, por lo que cada contenedor div tiene el mismo nombre de clase. ¿Hay una manera de llamar a la Masonería en todos los contenedores div con el mismo nombre? html JS var grid = document.querySelector(‘.print-slider’); var msnry; imagesLoaded( […]

La albañilería no funciona utilizando ajax y desplazamiento infinito.

Actualmente estoy usando AJAX para extraer datos de nuestro servicio web. El problema que tengo es que no quiere cargar los datos en el diseño de mampostería, todo lo que .social_block en .social_block flota uno debajo del siguiente (y no he configurado ningún valor flotante para estos). Así que la mampostería no está funcionando 🙁 […]

jQuery albañilería cómo llamar a layoutComplete

Tengo la siguiente función: 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(); }, Lo que necesito para poder hacer es llamar solo a la callback una vez que se haya completado el diseño de la mampostería. Sé que la mampostería tiene […]

¿Puedo incrustar una plantilla de jQuery de mampostería en mi sitio web de joomla?

Quiero crear una galería de videos usando Masonry en mi sitio web, pero tengo dificultades. Estoy usando Joomla como mi CMS y ya tengo una plantilla que uso de temas de cohetes, pero en una de mis páginas quiero tener una lista de videos (que actualizaré) para que la gente los vea. Quiero hacerlo visualmente […]

¿Cómo consigo que JQuery Masonry reconozca los elementos agregados?

Esta es la misma pregunta que esta , pero tengo una repetición del problema en JSFiddle aquí . Así que pensé que volvería a publicar. JQuery Masonry parece evaluar solo a los hijos de su contenedor una vez, en la primera ejecución. Después de eso, es imposible hacer que vuelva a mirar el DOM para […]

Jquery: método de mampostería (‘ocultar’, elemento) con un elemento jquery

Por lo tanto, estoy usando la Masonería para hacer un diseño “fluido” en mi sitio, pero ahora he encontrado un problema relacionado con sus métodos de ocultar y revelar. En un evento, estoy haciendo esta llamada: $container.masonry(‘hide’, $(this)); Como puede ver, estoy usando $(this) para decirle a la mampostería qué elemento ocultar a través de […]

Mampostería jQuery con WordPress e imágenes cargadas

Estoy utilizando jquery masonry en un tema de wordpress en el que estoy trabajando. Después de luchar para que funcionara por un tiempo, descubrí que esto: jQuery(function () { jQuery(‘#masonry-wrap’).masonry({ itemSelector: ‘.masonry-box’, columnWidth: 283 }); }) Parece estar funcionando bien para mí … Sin embargo, al revisar el sitio en Chrome y Safari se empuja […]