javascript - 如何在 Squarespace 中重定向 href 链接？

Question

我正在尝试重定向 Squarespace 中图像上的点击标题上的链接。目前，它会将您引导至以“/beast/”结尾的路径，我想将其替换为“/blog”。

这是html代码

<div class="collection-detail-wrapper" id="yui_3_17_2_4_1461830927597_1433">
            <a href="/beast/" data-shrink-original-size="15" style="letter-spacing: 0.266667em;" id="yui_3_17_2_4_1461830927597_1432"><span class="folder-title">FORTE INDEX HOME</span><span class="folder-separator">&nbsp;/&nbsp;</span><span class="collection-title">'LES SAUTEURS' WINS IN BERLIN</span></a>
        </div>

我尝试在页眉和页脚代码注入(inject)部分中使用这两个代码中的任何一个

Javascript:

<script src="ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
var a = document.querySelector('a[href="https://mauricio-gonzalezaranda-ec4f.squarespace.com/beast/"]');
if (a) {
  a.setAttribute('href', 'https://mauricio-gonzalezaranda-ec4f.squarespace.com/blog')
}
</script>

JQuery:

<script src="ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>

$("#yui_3_17_2_4_1461830927597_1432").attr("href", "https://mauricio-gonzalezaranda-ec4f.squarespace.com/blog/");

</script>

或

<script src="ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <script>

 $(".collection-detail-wrapper").attr("href", "https://mauricio-gonzalezaranda-ec4f.squarespace.com/blog/");

</script>

这些都没有给我任何结果。

Answer 1

这根本不需要任何编码。 Squarespace 提供了在图像 block 内创建链接的功能，您可以将其指向任何您想要的位置。查看链接:https://support.squarespace.com/hc/en-us/articles/205814528 .