Javascript Squarespace-如何在悬停时在索引缩略图上显示说明/自定义文本

基本上，我希望能够显示标题和一些文本在我所有的索引缩略图上悬停，就像这个网站。

但是，在我当前使用的squarespace模板中（我相信它叫York），标记只抓取页面标题，因此在悬停状态下显示页面标题。（请参见下面的代码块，您可以在其中看到页面标题，这是模板在悬停时显示的唯一内容）

我没有字段可以放置任何HTML，所以我正在寻求帮助，使用javascript手动将自定义HTML标记注入每个缩略图，然后在悬停状态下显示它们

TL；DR我希望能够在我的缩略图上显示不仅仅是悬停时的标题（理想情况下是我自己的HTML标记，以便我可以自定义样式），但模板不支持这样做

这是我的网站

我在Javascript方面真的很弱，我已经为这个问题寻找了很长时间的解决方案。任何帮助都将不胜感激

---

谢谢

可以使用以下Javascript为页面上的每个磁贴插入文本。代码将使用插入（除非您使用的是开发人员模式，在这种情况下，您将与其他脚本一起插入）

请注意，虽然有一种替代方法可以使用每个互动程序各自的URL进行AJAX查询并获取每个项目的元数据（因此允许您使用Squarespace内容管理器插入此“说明”），但该方法对于您的案例来说似乎不必要地复杂。

---

2016年8月17日更新：关于AJAX以及如何在Squarespace中禁用AJAX加载程序：Jason Barone建议将此片段添加到您的代码注入>页脚中，以禁用“AJAX”页面加载程序。他指出，它将禁用页面之间平滑的AJAX转换，但会像往常一样允许自定义Javascript

<script>
    //Credit: Jason Barone, http://jasonbarone.com/
    window.Template.Constants.AJAXLOADER = false;
</script>

//信贷：杰森·巴龙，http://jasonbarone.com/
window.Template.Constants.AJAXLOADER=false；

另外，一些模板还可以在样式编辑器中禁用AJAX（图片来源：）：

更新日期：2016年9月28日：

---

据报道，上面提供的代码不再禁用AJAX。但是，一些较新的模板添加了“启用AJAX加载”设置，可以将其关闭。

以下Javascript可用于为页面上的每个互动程序插入文本。代码将使用插入（除非您使用的是开发人员模式，在这种情况下，您将与其他脚本一起插入）

请注意，虽然有一种替代方法可以使用每个互动程序各自的URL进行AJAX查询并获取每个项目的元数据（因此允许您使用Squarespace内容管理器插入此“说明”），但该方法对于您的案例来说似乎不必要地复杂。

---

2016年8月17日更新：关于AJAX以及如何在Squarespace中禁用AJAX加载程序：Jason Barone建议将此片段添加到您的代码注入>页脚中，以禁用“AJAX”页面加载程序。他指出，它将禁用页面之间平滑的AJAX转换，但会像往常一样允许自定义Javascript

<script>
    //Credit: Jason Barone, http://jasonbarone.com/
    window.Template.Constants.AJAXLOADER = false;
</script>

//信贷：杰森·巴龙，http://jasonbarone.com/
window.Template.Constants.AJAXLOADER=false；

另外，一些模板还可以在样式编辑器中禁用AJAX（图片来源：）：

更新日期：2016年9月28日：

---

据报道，上面提供的代码不再禁用AJAX。但是，一些较新的模板添加了一个“启用AJAX加载”设置，可以进行切换。

非常感谢您花时间提供帮助！非常感谢，让我试试看你的解决方案是否有效。嘿，布兰登，有个问题。似乎squarespace正在为所有内容设置Ajax负载。如果我进入一个项目，然后又回到头版，脚本就不起作用了。我猜当使用Ajax加载页面时，脚本不会再次运行。你觉得剧本有什么改进吗？或者我可以完全禁用Ajax吗？我更新了答案，加入了关于禁用Ajax加载程序的信息。它工作得非常好！我使用的模板特别指出，通过页内控件禁用AJAX是不可能的，但脚本的工作原理与我的预期一致！谢谢回到这个问题上来！谢谢你的回答@Brandon！今天在我的网站上仍然可以完美地工作（）。我想知道您提到的“替代方法”是否也需要禁用AJAX加载？如果没有，你也能分享一下吗（如果不会占用你太多时间的话）？因为我确实喜欢启用AJAX加载时的微妙动画，所以我不介意为这个小改进做额外的工作。非常感谢您花时间提供帮助！非常感谢，让我试试看你的解决方案是否有效。嘿，布兰登，有个问题。似乎squarespace正在为所有内容设置Ajax负载。如果我进入一个项目，然后又回到头版，脚本就不起作用了。我猜当使用Ajax加载页面时，脚本不会再次运行。你觉得剧本有什么改进吗？或者我可以完全禁用Ajax吗？我更新了答案，加入了关于禁用Ajax加载程序的信息。它工作得非常好！我使用的模板特别指出，通过页内控件禁用AJAX是不可能的，但脚本的工作原理与我的预期一致！谢谢回到这个问题上来！谢谢你的回答@Brandon！今天在我的网站上仍然可以完美地工作（）。我想知道您提到的“替代方法”是否也需要禁用AJAX加载？如果没有，你也能分享一下吗（如果不会占用你太多时间的话）？因为我确实喜欢启用AJAX加载时的微妙动画，我想我不介意这样做

.index-item-description-text {
    display: block;
    font-size: 1.2em;
    color: #FFFFFF
}

<script>
    //Credit: Jason Barone, http://jasonbarone.com/
    window.Template.Constants.AJAXLOADER = false;
</script>