Сообщения не расположены в идеальном порядке кладки в тематике - PullRequest
Новая
       35

Сообщения не расположены в идеальном порядке кладки в тематике

0 голосов
/ 12 января 2019

Моя тема Tumblr раньше работала отлично, но после того, как Tumblr заставил нас изменить URL-адреса с http на https, я загрузил тот же файл masonry.js в ресурсы темы. И мой файл JavaScript был изменен с 

<script type="text/javascript" src="http://.../masonry.js"></script>

до 

<script type="text/javascript" src="https://.../masonry.js"></script>

Но теперь посты расположены не так хорошо, как раньше. Я прилагаю HTML, CSS и JavaScript-код темы. Пожалуйста помоги. Заранее спасибо.

CSS 

#content {
    {block:IndexPage}
    width:66%;
    {/block:IndexPage}
    
     {block:PermalinkPage}
    width: 55%;
    {/block:PermalinkPage}
    top:170px;
    
    {block:IndexPage}
    left: 1%;
    {/block:IndexPage}
    {block:PermalinkPage}
    left: 10%;
    {/block:PermalinkPage}
    
    float: left; 
    position: absolute;
}

.entry {
    float:center;
    {block:indexpage}
    width: 43%;
    overflow:hidden;
    {/block:indexpage}
    margin: 2%; 
    {block:permalinkpage}
    width: 500px;
    {/block:permalinkpage}
    padding: 10px;
    background: {color:box};
    display: inline-block;
    position: relative;
    z-index:4;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
} 
.entry img {
    display: block;
    width:auto;
    max-width: 100%;
    height:auto;
}

HTML 

<div class="autopagerize_page_element">
{block:Posts}
<div class="entry">
...POSTS...
...POSTS...
...POSTS...
</div>
{/block:Posts}
</div>

JAVASCRIPT 

<script type="text/javascript" src="https://static.tumblr.com/82upcij/kv2pl8cna/masonry1.js"></script>

<script type="text/javascript">
$(window).load(function () {
$(".autopagerize_page_element").masonry({ itemSelector: ".entry" });
$('.masonryWrap').infinitescroll({
navSelector    : '#pagination',  
nextSelector   : '#pagination a#nextPage',
itemSelector : ".entry, .clear",
bufferPx : 40,
loadingImg : "",
loadingText : "Loading",
},
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
</script>
...