在Elementor中設(shè)置點擊錨鏈接后關(guān)閉目錄（如折疊菜單或?qū)Ш讲藛危?，可以使用一些自定義代碼來實現(xiàn)。以下是具體步驟：

步驟 1：編輯單個帖子模板

1. 登錄WordPress儀表板。
2. 導(dǎo)航到Elementor模板 > 已保存的模板。

3. 找到你的單個帖子模板并點擊“Edit with Elementor”。

步驟 2：添加HTML元素

1. 在模板編輯器中，找到你需要添加代碼的部分，通常是頁面的末尾。
2. 拖放一個HTML元素到模板中。

步驟 3：粘貼自定義JavaScript代碼

在HTML元素中，粘貼以下JavaScript代碼：

<script>
document.addEventListener('DOMContentLoaded', function() {
    var menuItems = document.querySelectorAll('.elementor-table-of-contents a'); // 替換 .elementor-table-of-contents 為你的目錄類

    menuItems.forEach(function(menuItem) {
        menuItem.addEventListener('click', function() {
            var menuToggle = document.querySelector('.elementor-menu-toggle'); // 替換 .elementor-menu-toggle 為你的菜單切換按鈕類

            if (menuToggle) {
                menuToggle.click(); // 觸發(fā)菜單關(guān)閉
            }
        });
    });
});
</script>

詳細(xì)說明

1. 類名匹配：
   • .elementor-table-of-contents 是目錄的類名，你需要用實際的目錄類名替換它。
   • .elementor-menu-toggle 是菜單切換按鈕的類名，你需要用實際的菜單切換按鈕類名替換它。
   你可以通過瀏覽器的開發(fā)者工具（F12）檢查實際使用的類名。
2. 事件監(jiān)聽：
   • document.addEventListener('DOMContentLoaded', function() { ... }); 確保代碼在頁面完全加載后執(zhí)行。
   • menuItem.addEventListener('click', function() { ... }); 為每個目錄鏈接添加點擊事件監(jiān)聽器。
3. 觸發(fā)菜單關(guān)閉：
   • menuToggle.click(); 模擬點擊菜單切換按鈕，從而關(guān)閉菜單。

步驟 4：保存并發(fā)布

1. 為你的自定義代碼命名（如“錨鏈接關(guān)閉目錄”）。
2. 選擇“整個網(wǎng)站”作為代碼的應(yīng)用范圍。
3. 保存并發(fā)布代碼。

總結(jié)：

通過在單個帖子模板中添加自定義JavaScript代碼，你可以實現(xiàn)在Elementor點擊錨鏈接后自動關(guān)閉目錄。關(guān)鍵步驟包括編輯模板、添加HTML元素和粘貼代碼。確保正確匹配類名，以確保功能正常工作。此設(shè)置不僅優(yōu)化了導(dǎo)航菜單的使用，還增強(qiáng)了網(wǎng)站的整體用戶體驗和交互性。選擇這種方法有助于保持網(wǎng)站的專業(yè)性和功能性。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息