使用jQuery覆盖squarespace-set属性时遇到麻烦

Question

我正在尝试用jquery覆盖一些Squarespace代码。我希望该博客现在使用两列显示所有条目。

我可以向元素添加新的属性和类，因此我知道选择器可以工作。

我的代码（在页脚中）：

$(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">

我认为问题在于jquery运行后，squarespace执行了部分样式代码，因此我的自定义代码被覆盖了。 有人知道如何覆盖这种行为吗？

Answer 1

要在Squarespace自己的脚本之后执行，请尝试：

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