Question

我觉得这很容易。我将此代码注入添加到标头中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>$("img").addClass("example")</script>

脚本出现在我的页面源代码中，但没有效果为图像添加类。我已经尝试过非常具体的div类和ID，以及其他脚本变体，但同样没有效果。

Squarespace会以某种方式阻止分配类吗？我正在尝试定位的图像目前没有分配给它的类。 Squarespace为每个元素提供唯一的ID，但这些ID无法选择，因为它们每次加载页面时都会更改。

Answer 1

你应该这样做：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function() {
  $("img").addClass("example")
})
</script>

如果你把你的脚本放在头脑中。

$(function() {})将等到文档加载并调用内部函数。

Answer 2

在Squarespace中，如果您的自定义Javascript似乎没有任何效果，或仅在页面刷新后有效，则可能与Squarespace's AJAX loading有关：

有时，Ajax可能会与嵌入式自定义代码或锚点发生冲突链接。 Ajax还可能干扰站点分析，记录命中仅限第一页。

您可以为模板禁用AJAX。或者，请参阅此处列出的其他方法：https://stackoverflow.com/a/42604055/5338581

请注意，这仅适用于某些模板。如果没有说明您正在使用的模板，也没有包含指向相关网站/页面的链接，那么您只能猜测。

使用javascript或jquery

2 个答案: