Jquery 防止违约。在转到链接之前，请等待菜单动画

大家好，我的代码有问题。我正在尝试等待一些课程，然后再转到菜单页面。我使用默认设置。它不起作用。或者在我的菜单关闭后如何进行测试警报。我已经测试了我的选择器

现在，当我点击链接时，它什么地方都没有了…：）

还有我的HTML代码。 也许问题是href链接来自WP

<div class="menu-nasicomy-menu-container">
<ul id="super-set-menu" class="primary-menu">
    <li id="menu-item-1049" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1049"><a href="http://www.example.lt/Link-01/">Link 01</a></li>
    <li id="menu-item-1050" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1050"><a href="http://www.example.lt/Link-02/">Link 02</a></li>
    <li id="menu-item-1051" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1051"><a href="http://www.example.lt/Link-03/">Link 03</a></li>
    <li id="menu-item-1052" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1052"><a href="http://www.example.lt/Link-04/">Link 04</a></li>
    <li id="menu-item-1053" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1053"><a href="http://www.example.lt/Link-05/">Link 05</a></li>
    <li id="menu-item-1054" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1054"><a href="http://www.example.lt/Link-06/">Link 06</a></li>
</ul>

---

您以错误的方式调用了

addClass

，使用

addClass

调用函数时，它只将on参数作为函数

。addClass（function）

返回一个或多个以空格分隔的类名的函数 添加到现有类名中

有关更多信息，请参阅

.addClass（函数）

$（'.菜单项a'）。单击（函数（事件）{
event.preventDefault（）；
var href=$（this.attr（'href'）；
$（'.menu项'）.addClass（函数（）{
window.location=href；
返回“菜单触发器”；
});
警惕（“仍然在这里”）；
});
。菜单触发器{
字体大小：150%；
颜色：黄色；
背景颜色：珊瑚；
}








我相信您正在尝试添加一个类来完成页面之间的淡入淡出转换，因此这就是我在某些项目中使用的代码。通常我会在课堂上淡出身体

$('.menu-item a').click(function(event) {
    var href = $(this).attr('href');
    event.preventDefault();
    $('.menu-item').addClass('menu-trigger');
    window.setTimeout(function(){
        window.location.href=href;
    }, 500); // this is the counter for the settimeout function
});

请分享你的HTMLSo，我编辑了我的主要问题。你想在浏览器转到链接目的地之前制作动画吗？是的，没错……谢谢你。这对我理解preventDefault函数是如何工作的是非常有用的信息。我用你的代码示例解决了我的问题。Acctualy setTimeout函数帮助我触发菜单关闭动画。
$('.menu-item a').click(function(event) {
    var href = $(this).attr('href');
    event.preventDefault();
    $('.menu-item').addClass('menu-trigger');
    window.setTimeout(function(){
        window.location.href=href;
    }, 500); // this is the counter for the settimeout function
});