跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

在HubSpot頁面中包含jQuery

上次更新時間: 六月 28, 2023

可与下列任何一种订阅一起使用,除非有说明:

行銷 Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
舊版 Marketing Hub Basic

在網站設定中,您可以指定在HubSpot頁面上載入jQuery。 您也可以指定要在HubSpot託管內容上運行的jQuery版本,以及它應該包含在頁面上的位置。 

  • 在你的 HubSpot 帳戶中,點擊主導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,瀏覽至「網站」>「頁面」。
  • 在頁面頂部,使用選擇網域來編輯其設定下拉菜單,以選擇要編輯的網域。 若要為所有網域編輯此設定,請選擇所有網域的預設設定。 若要編輯特定子網域的此設定,請從下拉式選單中選擇一個網域。 

請注意:個別子網域的設定將覆蓋所有網域的預設設定。

  • 向下捲動到jQuery區段,然後選擇包含jQuery核取方塊,以在您的HubSpot頁面上載入jQuery。

請注意:如果網頁正在使用圖片庫模組,將jQuery核取方塊切換為關閉不會從網頁中移除jQuery。 影像圖庫模組需要jQuery才能運作。

include-jquery-checkbox
  • 要選擇要包含的jQuery版本,請使用jQuery版本下拉選單。 您可以在HubSpot託管的內容上應用jQuery版本1.11.x或1.7.1。 
    • 1.7.1 :如果您已經使用舊版本的jQuery建立了自身的邏輯,請選擇此版本。
    • 1.11.x :如果您選擇此版本,建議您也選擇包含jQuery移轉腳本核取方塊。 這將在模板中新增一個腳本,以提高與舊版瀏覽器的兼容性。
  • 按一下儲存以套用變更。

如果內含jQuery ,預設jQuery庫將載入網頁的標題HTML中。 如果您想將它包含在頁面頁尾,請從頁尾選取載入HubSpot的jQuery庫核取方塊。 

load-jquery-from-footer-setting

在進行此更改之前,請確保所有jQuery依賴項也已移動到頁尾。 

若要測試網頁在頁尾如何載入jQuery ,請將此查詢字串附加到網頁網址的末尾:

? hsMoveJQueryToFooter = True 

請注意:在將jQuery移至頁面頁腳之前,建議諮詢您的網路開發人員。 如果您還有其他問題,請聯絡社區的HubSpot設計師

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助