WP 响应式导航栏自动关闭

Question

当我单击导航栏中的任何链接时，我试图让我的导航栏自动关闭。我找到了下一个脚本，但它不起作用。我很确定我用错了，所以如果你们能帮我解决这个问题，我会很高兴： ``

<script>
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
</script>
``

我在 StackOverflow 中找不到任何关于它的帖子，所以如果有好的帖子我会非常高兴拥有它。

谢谢！

Answer 1

我认为这可以让你朝着正确的方向前进。

closeIfAnyLinkIsClicked() {
        const parents = document.querySelectorAll('.elementor-location-popup')

        for (let parent of parents) {
            const links = parent.querySelectorAll('a')

            for (let link of links) {
                link.addEventListener('click', () => {
                    /** reverse whatever opened your navigation */
                    
                    /** remove the added class on your navigation */
                    parent.classList.remove('nav-is-open')
                    /** using a checkbox, you'd be doing something like this */
                    parent.checked = false
                })
            }
        }
    }
    
 closeIfAnyLinkIsClicked()