跨頁面包含 jQuery

當需要使用jQuery的模組或自訂腳本時，請在HubSpot託管的網頁中加入jQuery。雖然許多較新的主題和模組不再依賴jQuery，但較舊的資產可能需要它才能正常運作。使用jQuery 設定來管理相容性、選擇版本，並決定資料庫在您的網頁上的載入位置。

開始之前

在你將jQuery包含在HubSpot託管的頁面之前，請確保充分了解應該提前採取的步驟，以及功能的限制和使用它的潛在後果。

瞭解限制與注意事項

• 應用於特定子網域的設定會覆蓋所有網域的預設設定。
• 某些模組，例如圖庫模組，需要jQuery。如果模組需要jQuery，關閉「包含jQuery」設定並不能移除 jQuery。
• 變更 jQuery 載入的位置 (頁頭或頁尾) 可能需要更新依賴它的腳本。

包含 jQuery

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
2. 在左側功能表中，導覽到內容>頁面。
3. 在頁面頂端，按一下Choose a domain to edit its settings（選擇網域以編輯其設定 ）下拉式功能表，以選取您要編輯的網域。
   • 若要針對所有網域編輯此設定，請選擇針對所有網域的預設設定。
   • 若要針對特定子網域編輯此設定，請從下拉式功能表中選取網域。
4. 在Templates標籤的jQuery區段中，選擇Include jQuery核取方塊以在 HubSpot 頁面中載入 jQuery。

5. 要改變jQuery的版本，點擊jQuery版本下拉菜單並選擇一個版本：
   • 1.7.x： 如果你已經使用舊版jQuery的相依性建立你的邏輯，請選擇這個版本。
   • 1.11.x: 如果您選擇這個版本，建議同時選擇Include jQuery migrate scriptcheckbox。這將會在您的範本中加入一個腳本，以改善與舊版瀏覽器的相容性。
6. 預設情況下，jQuery 函式庫會載入頁面的 head HTML 中。若要在頁面的頁尾加入jQuery，請勾選從頁尾載入HubSpot的jQuery函式庫 。
   • 如果你在頁尾加入jQuery，建議你也把所有jQuery的相依性移到頁尾。
   • 若要測試頁面在頁尾包含 jQuery 時的載入狀況，請在頁面 URL 的末端加上
     ?hsMoveJQuerytoFooter=True 到頁面 URL 的尾端。
7. 完成後，點選左下方的「儲存 」。

請注意：在將jQuery移到頁尾之前，建議先諮詢您的網頁開發人員。如果您有其他問題，請在社群上與 HubSpot 設計師聯絡。