跨页面包含 jQuery

需要时，在HubSpot托管的页面中为依赖jQuery的模块或自定义脚本加入jQuery。虽然许多较新的主题和模块不再依赖jQuery，但较旧的资产可能需要它才能正常工作。使用jQuery设置来管理兼容性，选择版本，并决定库在页面上的加载位置。

开始使用前

在HubSpot托管的页面中加入jQuery之前，请确保充分了解应提前采取的步骤，以及该功能的限制和使用它的潜在后果。

了解限制和注意事项

• 应用于特定子域的设置会覆盖所有域的默认设置。
• 某些模块（如图片库模块）需要jQuery。如果模块需要jQuery，关闭 "包含jQuery "设置并不会移除 jQuery。
• 更改 jQuery 的加载位置（页眉或页脚）可能需要更新依赖于它的脚本。

包含 jQuery

1. 在 HubSpot 帐户中，单击顶部导航栏中的 settings“设置”图标。
2. 在左侧边栏菜单中，导航至内容>页面。
3. 在页面顶部，单击 "选择域以编辑其设置 "下拉菜单，选择要编辑的域。
   • 要为所有域编辑此设置，请选择所有域的默认设置。
   • 要为特定子域编辑此设置，请从下拉菜单中选择一个域。
4. 在 "模板"选项卡的jQuery部分，选择 "包含jQuery"复选框，以便在HubSpot页面中加载jQuery。

5. 要更改jQuery的版本，点击jQuery版本下拉菜单并选择一个版本：
   • 1.7.x： 如果你已经使用旧版本jQuery的依赖关系构建了逻辑，请选择该版本。
   • 1.11.x： 如果选择该版本，建议同时选择 "包含 jQuery 迁移脚本"复选框。这将在模板中添加一个脚本，以提高与旧版浏览器的兼容性。
6. 默认情况下，jQuery 库将加载到页面的头部 HTML 中。要在页面页脚加入jQuery，请选择 "从页脚加载HubSpot的jQuery库 " 复选框。
   • 如果在页脚中加入jQuery，建议将所有jQuery依赖库也移到页脚。
   • 要测试页面在页脚包含 jQuery 时的加载情况，请在页面 URL 的末尾添加
     ?hsMoveJQuerytoFooter=True 到页面 URL 的末尾。
7. 完成后，点击左下角的 "保存" 。

请注意：在将jQuery移动到页面页脚之前，建议咨询你的网站开发人员。如果你有其他问题，请在社区上与HubSpot设计师联系。