Intereting Posts
Запрос по категориям и настраиваемое поле – Shortcode Пользовательский список предстоящих событий для плагина диспетчера событий почему мое форматирование не работает в моем редакторе wisiwig? Несколько циклов в проблемах с боковой панелью Объяснение совместимости плагина WordPress, когда WordPress выпускает свою новую версию (теоретическую) wp_get_attachment_image_src () width и height boolean Плагин JSON API, Получить сообщения по категориям Отображать количество ожидающих сообщений в обратном / переднем конце Я создал собственную тему для WordPress и Admin Menu, отсутствующий в интерфейсе Форма пользовательского сброса пароля Перенаправление и доступ администратора Как размещать пользовательские виджеты панели управления на боковой колонке Как я могу добавить свой собственный тип «читать больше» или «после перехода» на страницу статьи? Получение метаданных пользователя Получить идентификатор категории в «archive-product.php»

Содержащие изображения изотопа div перекрываются (Firefox)

Я работал с 2 неделями с проблемой портфеля клиентов. Я называю элементы портфеля и даю им один из двух случайных классов разного размера. И, в конце концов, изотоп дает элементам случайный порядок. Я тестировал его на многих браузерах и устройствах, он работает, но только на firefox он не работает.

Пока я искал решение, я попытался вызвать скрипт с помощью window.load, дайте изотоп-контейнеру ширину 100% и все другие предлагаемые решения в stackoverflow и других форумах. Я прочитал 40 тем, документацию по изотопам и некоторые уроки. Пожалуйста, помогите мне, прежде чем я начну плакать!

Вот мой JS, чтобы назвать изотоп:

jQuery(window).load(function(){ var $container = jQuery('.portfolio'); // Config Isotope $container.imagesLoaded( function() { $container.isotope({ itemSelector : '.isotope-item', sortBy : 'random', masonry : { columnWidth: 5 } }).isotope('reLayout'); }); // listen to window resize jQuery(window).bind('resize', function(e){ window.resizeEvt; jQuery(window).resize(function(){ clearTimeout(window.resizeEvt); window.resizeEvt = setTimeout(function(){ $container.isotope('reLayout'); }, 500); }); }); jQuery('.portfolio').css('opacity',1); }); 

И вот мой PHP, чтобы назвать портфолио:

 <?php $terms = get_the_terms( $post->ID, 'jetpack-portfolio-type' ); if ( $terms && ! is_wp_error( $terms ) ) : $filtering_links = array(); foreach ( $terms as $term ) { $filtering_links[] = $term->slug; } $filtering = join( ", ", $filtering_links ); ?> <?php $image_data = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "spoering-thumb" ); ?> <?php $image_width = $image_data[1]; ?> <?php $image_height = $image_data[2]; ?> <article style="width:<?php echo $image_width; ?>; height:<?php echo $image_height; ?>" id="post-<?php the_ID(); ?>" class="<?php $filtering = get_post_class(); foreach ($filtering as $class) { echo $class . " "; } ?> gallery-item item isotope-item <?php $values = array('lrg-image','sml-image','sml-image'); echo $values[array_rand($values)];?>"> <a href="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id,'spoering-thumb', true); echo $image_url[0]; ?>" rel="bookmark" class="image-link" tabindex="-1" title="<?php the_title_attribute( ); ?>"> <?php if ( '' != get_the_post_thumbnail() ) : ?> <?php the_post_thumbnail('spoering-thumb-sml', array( 'title' => get_the_title())); ?> <?php endif; ?> </a> 

И, наконец, живой пример: http://ypsilon-p.de/wordpress/

благодаря! с наилучшими пожеланиями

EDIT: Я нахожу ошибку, не было проблемы с изотопом. Я устанавливаю ложные свойства ширины и высоты для изображений.