在第一个jQuery完成后运行第二个jQuery单击函数

我在一个页面上有许多按钮，这些按钮具有特定的数据属性。我使用jQuery动态检索与用户单击的按钮相关联的数据

我还动态地将这个属性值添加到最终的“继续支付”按钮中

jQuery（文档）.ready（函数（$）{
$（“#导师选择.按钮”）。单击（函数（）{
var mentor=$（this.data（'mentor'）；
console.log（导师）；
$（#mentor final.summary'）.attr（'data-mentor'，mentor'）；
});
$（'#mentor package.button'）。单击（函数（）{
var package=$（this.data（'package'）；
控制台日志（包）；
$（#mentor final.summary'）.attr（'data-package'，package）；
});
$（'.button'）。单击（函数（）{
如果（$（'mentor final.summary'）.data（'mentor'）=='john smith'和&$（'mentor final.summary'）.data（'package'）=='express'）{
console.log（'John Smith-express'）；
}否则如果（$（'mentor final.summary'）。数据（'mentor'）==='john smith'&&$（'mentor final.summary'）。数据（'package'）=='growth'）{
console.log（'John Smith-growth'）；
}否则如果（$（'mentor final.summary'）。数据（'mentor'）==='john smith'&&$（'mentor final.summary'）。数据（'package'）=='mentor'）{
console.log（'johnsmith-mentor'）；
}else if（$（'mentor final.summary'）。数据（'mentor'）=='john smith'&&$（'mentor final.summary'）。数据（'package'）=='advanced'）{
console.log（'John Smith-advanced'）；
}
});
});
禁用第二组元素，一旦用户单击第一组元素，则启用第二组元素。一旦用户点击第二套，然后启用
继续付款

请参阅下面的链接，该链接演示了此功能


jQuery（文档）.ready（函数（$）{
$（“#导师包a”）.addClass（“灰显”）；
$（'a'）.addClass（“灰显”）；
$（'#mentor choose.button'）。单击（函数（）{
var mentor=$（this.data（'mentor'）；
console.log（导师）；
$（#mentor final.summary'）.attr（'data-mentor'，mentor'）；
$（“#导师包a”）.removeClass（“灰显”）；
});
$（'#mentor package.button'）。单击（函数（）{
var package=$（this.data（'package'）；
控制台日志（包）；
$（#mentor final.summary'）.attr（'data-package'，package）；
$（'mentor final a'）.removeClass（“灰显”）；
});
$（'.button'）。单击（函数（）{
如果（$（'mentor final.summary'）.data（'mentor'）=='john smith'和&$（'mentor final.summary'）.data（'package'）=='express'）{
console.log（'John Smith-express'）；
}否则如果（$（'mentor final.summary'）。数据（'mentor'）==='john smith'&&$（'mentor final.summary'）。数据（'package'）=='growth'）{
console.log（'John Smith-growth'）；
}否则如果（$（'mentor final.summary'）。数据（'mentor'）==='john smith'&&$（'mentor final.summary'）。数据（'package'）=='mentor'）{
console.log（'johnsmith-mentor'）；
}else if（$（'mentor final.summary'）。数据（'mentor'）=='john smith'&&$（'mentor final.summary'）。数据（'package'）=='advanced'）{
console.log（'John Smith-advanced'）；
}
});
});
#导师选择{
显示器：flex；
弯曲方向：立柱；
}
#导师套餐{
显示器：flex；
弯曲方向：立柱；
}
.灰白{
颜色：灰色；
指针事件：无；
}
禁用第二组元素，一旦用户单击第一组元素，则启用第二组元素。一旦用户点击第二套，然后启用
继续付款

请参阅下面的链接，该链接演示了此功能


jQuery（文档）.ready（函数（$）{
$（“#导师包a”）.addClass（“灰显”）；
$（'a'）.addClass（“灰显”）；
$（'#mentor choose.button'）。单击（函数（）{
var mentor=$（this.data（'mentor'）；
console.log（导师）；
$（#mentor final.summary'）.attr（'data-mentor'，mentor'）；
$（“#导师包a”）.removeClass（“灰显”）；
});
$（'#mentor package.button'）。单击（函数（）{
var package=$（this.data（'package'）；
控制台日志（包）；
$（#mentor final.summary'）.attr（'data-package'，package）；
$（'mentor final a'）.removeClass（“灰显”）；
});
$（'.button'）。单击（函数（）{
如果（$（'mentor final.summary'）.data（'mentor'）=='john smith'和&$（'mentor final.summary'）.data（'package'）=='express'）{
console.log（'John Smith-express'）；
}否则如果（$（'mentor final.summary'）。数据（'mentor'）==='john smith'&&$（'mentor final.summary'）。数据（'package'）=='growth'）{
console.log（'John Smith-growth'）；
}否则如果（$（'mentor final.summary'）。数据（'mentor'）==='john smith'&&$（'mentor final.summary'）。数据（'package'）=='mentor'）{
console.log（'johnsmith-mentor'）；
}else if（$（'mentor final.summary'）。数据（'mentor'）=='john smith'&&$（'mentor final.summary'）。数据（'package'）=='advanced'）{
console.log（'John Smith-advanced'）；
}
});
});
#导师选择{
显示器：flex；
弯曲方向：立柱；
}
#导师套餐{
显示器：flex；
弯曲方向：立柱；
}
.灰白{
颜色：灰色；
指针事件：无；
}
我无法理解问题中的所有内容，下面的演示使用一个对象来存储
数据-*
属性的选定值

演示

$（函数（）{
var config=新映射([
['mentor'，null]，
['profile'，null]，
['image'，null]，
['package'，null]，
[“付款”，0]，
['url'，空]
]);
功能视图（配置）{
for（让[key，value]进行配置）{
如果（键===未定义）{
打破
}
log（`${key}:${value}`）；
}
}
$（'.mentor'）。在（'click'，函数（e）上{
$（'.mentor'）。每个（函数（）{
$（this.addClass（'disabled'）；
});
$（this.removeClass（'disabled'）；
var mentor=$（this.data（'mentor'）；
变量分布