Возникли проблемы при перезаписи атрибутов с установленным квадратом с помощью jQuery

Question

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

Я могу добавить новые атрибуты и классы для элемента, поэтому я знаю, что селектор работает.

Мой код (в нижнем колонтитуле):

$(document).ready(function() {
  $('.BlogList--posts-excerpt').attr("data-columns", "1");
});

Элемент, который я хочу изменить:

<section class="BlogList BlogList--posts-excerpt sqs-blog-list clear" data-columns="2">

---

Подведем итог:

Ожидается:

<section class="BlogList BlogList--posts-excerpt sqs-blog-list clear" data-columns="1">

Фактически:

<section class="BlogList BlogList--posts-excerpt sqs-blog-list clear" data-columns="2">

Я думаю, проблема в том, что squarespace выполняет части своего стилистического кода после выполнения jquery, поэтому мой пользовательский код перезаписывается.Кто-нибудь знает, как переписать это поведение?

Answer 1

Чтобы выполнить после собственных скриптов Squarespace, попробуйте:

window.Squarespace.onInitialize(Y, function() {
  $('.BlogList--posts-excerpt').attr("data-columns", "1");
});