Javascript 附加到$（“a”选择器的jquery效果不起作用

汉堡菜单图标

我希望应用于蓝色“叠加”（单击右上角的汉堡菜单图标时首先向下滑动）的淡出效果不适用于附加到实际链接（即前三个链接）的$（“a”）元素，但它适用于“特价”、“常见问题解答”和“联系我们”当前未链接到任何页面的链接）。谁能告诉我为什么？多谢各位*/**

$（文档）.ready（函数（）{
$（“#切换开关”）。打开（“单击”，函数（）{
$（“#叠加”）。向下滑动（1000）；
});
$（“a”）。在（“单击”，函数（）{
美元（“#叠加”）。淡出（1000）；
});
}); //endReady

/*叠加导航------------------*/
@仅介质屏幕和（最大宽度：749px）{
#覆盖层{
身高：100%；
宽度：100%；
位置：固定；
z指数：1；
排名：0；
左：0；
背景：#1181bd；
显示：无；
}
#开关{
位置：固定；
顶部：16px；
右：16px；
}
#重叠李{
列表样式类型：无；
}
#覆盖{
文字装饰：无；
颜色：#fff；
显示：块；
过渡：0.3s；
文本对齐：居中；
}

您只需在

$（“a”）

中使用

e.preventDefault（）；

，如下所示：-

$（文档）.ready（函数（）{
$（“#切换开关”）。打开（“单击”，函数（）{
$（“#覆盖”）.slideDown（）；
});
$（“a”）。在（“单击”）上，函数（e）{
e、 预防默认值（）；
$（“#覆盖”）.fadeOut（）；
});
})；//endReady

您只需在

$（“a”）

中使用

e.preventDefault（）；

，如下所示：-

$（文档）.ready（函数（）{
$（“#切换开关”）。打开（“单击”，函数（）{
$（“#覆盖”）.slideDown（）；
});
$（“a”）。在（“单击”）上，函数（e）{
e、 预防默认值（）；
$（“#覆盖”）.fadeOut（）；
});
})；//endReady

有一种可能的解决方案：

$（文档）.ready（函数（）{
$（“#切换开关”）。打开（“单击”，函数（）{
$（“#叠加”）。向下滑动（1000）；
});
$（“a”）。在（“单击”）上，函数（e）{
e、 预防默认值（）；
var href=$（this.data（“href”）；
$（“#overlay”）.fadeOut（1000，函数（）{self.location=href；}）；
});
})；//endReady

/*叠加导航------------------*/
#覆盖层{
身高：100%；
宽度：100%；
位置：固定；
z指数：1；
排名：0；
左：0；
背景：#1181bd；
显示：无；
}
#开关{
位置：固定；
顶部：16px；
右：16px；
}
#重叠李{
列表样式类型：无；
}
#覆盖{
文字装饰：无；
颜色：#fff；
显示：块；
过渡：0.3s；
文本对齐：居中；
}

有一种可能的解决方案：

$（文档）.ready（函数（）{
$（“#切换开关”）。打开（“单击”，函数（）{
$（“#叠加”）。向下滑动（1000）；
});
$（“a”）。在（“单击”）上，函数（e）{
e、 预防默认值（）；
var href=$（this.data（“href”）；
$（“#overlay”）.fadeOut（1000，函数（）{self.location=href；}）；
});
})；//endReady

/*叠加导航------------------*/
#覆盖层{
身高：100%；
宽度：100%；
位置：固定；
z指数：1；
排名：0；
左：0；
背景：#1181bd；
显示：无；
}
#开关{
位置：固定；
顶部：16px；
右：16px；
}
#重叠李{
列表样式类型：无；
}
#覆盖{
文字装饰：无；
颜色：#fff；
显示：块；
过渡：0.3s；
文本对齐：居中；
}

您应该使用

e.preventDefault（）

，它是

event.preventDefault（）的缩写

当用户单击一个锚（链接）时，它会创建一个事件，该事件的默认行为是遵循该锚的
href
属性

因此，通过添加
e
或
event
作为
单击函数的属性，您可以控制该事件的行为。在您的情况下，使用
e.preventDefault（）
将阻止锚的默认行为（这就是我上面提到的）。因此，忽略它，您可以将其他行为传递给锚点上的单击事件，如打开覆盖

更多信息请参见此处->


$（文档）.ready（函数（）{
$（“#切换开关”）。打开（“单击”，函数（）{
$（“#叠加”）。向下滑动（1000）；
});
$（“a”）。在（“单击”）上，函数（事件）{
event.preventDefault（）
$（“#覆盖”）.fadeOut（“1000”，函数（）{
console.log（这个）
});
});
})；//endReady
/*叠加导航------------------*/
@仅介质屏幕和（最大宽度：749px）{
#覆盖层{
身高：100%；
宽度：100%；
位置：固定；
z指数：1；
排名：0；
左：0；
背景：#1181bd；
显示：无；
}
#开关{
位置：固定；
顶部：16px；
右：16px；
}
#重叠李{
列表样式类型：无；
}
#覆盖{
文字装饰：无；
颜色：#fff；
显示：块；
过渡：0.3s；
文本对齐：居中；
}