jQuery конфликт изображения с изменением размера окна браузера

Question

Хорошо, это меня смущает, как ад (я потратил часы, пытаясь понять это), поэтому я надеюсь, что, возможно, свежий набор глаз может обнаружить, что преступник легче, чем Я могу.

страница в вопрос здесь: http://centerpointesigns.com/dev/portfolio/

Перейти на эту страницу на рабочем столе и откройте один из аккордеона Jquery UI. Вы должны увидеть некоторые ОЧЕНЬ маленькие маленькие изображения (изображения галереи).

Теперь снимите окно браузера как можно меньше, откройте аккордеон, а затем снова перетащите окно браузера в полный размер. Теперь вы должны увидеть, что те же изображения галереи растягиваются со страницей и соответственно перестраиваются, пока они не достигнут максимальной ширины страницы.

Вот как они должны начинаться, когда вы впервые посещаете страницу, но по тем или иным причинам они начинаются с супер крошечных.

Используемые аккордеоны являются аккордеонами jQuery UI без специального кода, кроме стиля. Странно то, что если я удалю эти изображения галереи с аккордеона jQuery и поместил его в другое место на странице (вне контейнера аккордеона), то они будут работать на 100 # отлично, как и должно быть.

Итак, похоже, что это какой-то конфликт jQuery, я просто полностью потерял то, что может быть на самом деле.

Мысли?

Answer 1

Ваш вопрос отвечает на this question с модификацией кода для

$('#accordion').on('accordionactivate', function() { 
    $(window).triggerHandler("resize"); 
}); 

Добавьте к /dev/wp-content/themes/cps/js/functions.js и вы будете хорошо идти.