Масонство иногда неправильно отображает контент

Question

Я создаю сайт и хочу использовать там масонство. https://masonry.desandro.com Я столкнулся с проблемой, когда совершенно не представляю, откуда она взялась.

Каменная кладка работает нормально, когда я вошел в систему. Как только я выхожу, кажется, что код jquery не используется.

Я уже проверил html-файл и тоже использовал проверку различий. Я не мог найти причину проблемы. Независимо от того, вошли ли в систему или вышли из нее, путь выбора для контейнера будет одинаковым. Удаление определенных частей моего index.html и перемещение скрипта для его вызова (см. Код ниже) приводит к тому, что кладка работает даже тогда, когда я вошел в систему. (То есть ни тогда, когда вошел в систему или вышел из нее.)

Я понятия не имею, где и что может вызвать ошибку. Так что я не знаю, какой код предоставить. Я был бы очень признателен, если бы кто-нибудь сказал мне, где и в чем должна быть обнаружена ошибка. Я прошу прощения за довольно плохое описание. Я никогда раньше не работал с jquery и имел опыт работы только с html, css и javascript.

<script>
$('#boxwebpart1817').masonry({
  // options
  itemSelector: '.message',
  gutter: 50,
  isFitWidth: true
});
</script>

Answer 1

Когда страница загружена, элемент <div class="webpartcontentorot"> помещается внутри другого <div>. Если вы переместите элемент <div class="webpartcontentorot"> за пределы этого <div> и перезапустите сценарий инициации Masonry, макет будет отображаться правильно.

Теперь я не уверен, как вы интегрировали раздел Masonry в этот веб-сайт. или как работает бэкэнд, но вы можете проверить эту деталь и попытаться выяснить корень проблемы.

Это страница с первой загрузкой

Я перемещаю раздел за пределы div, через DevTools

Я выполняю сценарий инициации Masonry, и макет отлично работает