Кладка теряет макет, когда вы нажимаете кнопку «назад». Хорошо на обновление - PullRequest
Новая
       20

Кладка теряет макет, когда вы нажимаете кнопку «назад». Хорошо на обновление

1 голос
/ 20 марта 2012

Я использую Masonry на этой странице: http://cubacreative.co.nz/

Он отлично работает при первом посещении страницы, а также при изменении размера окна браузера или переворачивании iPhone, так какЯ звоню по следующему адресу: 

$(function(){
    var $container = $('#content');
    $container.imagesLoaded( function() {
        $container.masonry({
    // options
    itemSelector : 'article'
  });
});

});

$(document).ready(function(){

    parent.window.addEventListener('resize', function(){
        $('#content').masonry()
    });

});

Однако, если вы щелкнете по одному из полей, чтобы перейти на новую страницу, а затем нажмете кнопку «Назад», макет будет потерян.

Как я могу решить эту проблему?

Спасибо!

1 Ответ

0 голосов
/ 20 марта 2012

Вы, вероятно, загружаете кэшированную версию вашего дизайна на вашем компьютере, я не вижу никаких стилей ни в одном браузере, и, вероятно, потому, что вы включаете два тега <html> в ваш документ: 

<!DOCTYPE html>
<html dir="ltr" lang="en-US"> 


<head>

<meta charset="UTF-8" />

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

Правильно отформатируйте разметку, подтвердите , и ваша страница должна работать нормально.

Редактировать: Заметили что-то еще, в вашем документе нет таблицы стилей.Поскольку вы используете WordPress, в заголовок вашего шаблона должна быть добавлена ​​таблица стилей styles.css.

...