0

При работе над темой tumblr я заметил, что хотя горизонтальный горизонт «горизонта» Isotope идеально работает в Safari, в Chrome и Firefox, макет, похоже, не работает. Когда я ввожу что-то в поле поиска (фильтрация), макет перезагружается должным образом, но, похоже, не подчиняется ограничениям высоты/ширины CSS в контейнере. Страница, действие которой работает в Safari, но не в Chrome/Firefox: 01.Изотопный горизонтальный макет не работает в Chrome и Firefox; возможная ошибка в tumblr

горизонтальный пример компоновки Desandro на codepen работает во всех браузерах, поэтому, чтобы проверить, если это может быть Tumblr Мессинг, я уменьшил проблему точно, что написал DeSandro в своем codepen примере. Даже тогда, он не работал на tumblr, как в Chrome, так и в Firefox. Он работает в Safari. Страница уменьшенной задачи: 02.

Важно отметить, что макет по умолчанию, «кладка», работает во всех браузерах. Я не нашел никого, использующего горизонтальный «горизонт» изотопа на тему tumblr, поэтому я не могу сравнивать свою тему с их или учиться у них. Это возможная ошибка в части tumblr? Если кто-то может определить проблему и объяснить, что здесь происходит, чтобы я мог сделать тему похожей на то, как она работает в Safari, я был бы так благодарен!

ответ

0

Я нашел проблему. Chrome и Firefox не загружали корректный сценарий horizontal.js ", потому что его тип MIME ('text/plain') не является исполняемым". Связывание файла с rawgit.com/... работало (ссылаясь на ответ для a previously asked question).