Javascript 淡出元素，然后淡入选定区域

我一直在尝试编写一个函数，它可以淡出我所有的元素，然后淡入选定的元素，但由于某种原因，我无法让它工作

我在上用过其他文章，但似乎没用

有人能给我指一下正确的方向吗

---

选择器不正确，请使用所选项目选择器前缀

，然后可以使用类选择器

另外，您应该使用

.fadeOut（duration，[complete]）

的完全回调方法

---

选择器不正确，请在所选项目选择器前面添加前缀

，然后可以使用类别选择器

另外，您应该使用

.fadeOut（duration，[complete]）

的完全回调方法

---

问题在于您没有使用正确的选择器

这使用了完全相同的代码，但修复了缺少选择器的问题，该选择器是变量

项之前的

更新


$（“.空缺职位a”）。在（'click'，函数（e）{
e、 预防默认值（）；
var item=$（this.attr（'data-dept'）+'-verticals'；
$.when（$（'.vertical'）.fadeOut（'slow'））.done（function（）{
$（'..+项）.fadeIn（'slow'）；
});
});
.vertical{
显示：无；
}
.垂直：第一个孩子{
显示：块
}









德赛
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
问题在于您没有使用正确的选择器

这使用了完全相同的代码，但修复了缺少选择器的问题，该选择器是变量
项之前的

更新


$（“.空缺职位a”）。在（'click'，函数（e）{
e、 预防默认值（）；
var item=$（this.attr（'data-dept'）+'-verticals'；
$.when（$（'.vertical'）.fadeOut（'slow'））.done（function（）{
$（'..+项）.fadeIn（'slow'）；
});
});
.vertical{
显示：无；
}
.垂直：第一个孩子{
显示：块
}









德赛
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
前端设计师
您可能想看看如何使用
console.log
而不是
alert
。这是一种更现代的调试方法，它不会影响事件，不像
警报
。您可能想看看使用
控制台.log
而不是
警报
。这是一种更现代的调试方法，它不会影响事件，不像
警报
。
$('.vacancy-title a').on('click', function(e){
    e.preventDefault();
    var item = $(this).attr('data-dept') + '-verticals';
    $.when($('.vertical').fadeOut('slow')).done(function () {
        alert(item);
        $(item).fadeIn('slow');
    });
});

$('.vacancy-title a').on('click', function(e) {
    e.preventDefault();
    //Prefix .
    var item = '.' + $(this).attr('data-dept') + '-verticals'; 
    $('.vertical').stop(true, true).fadeOut('slow', function() {
        $(item).fadeIn('slow');
    });
});