添加/删除因某些原因无效的类

Question

var vaStyle = $("nav.global_nav, .rsGCaption .intro-caption");
var vid_detach = $("div.rsCloseVideoBtn");
var vid_launch = $("h1#vidLaunch");

vid_launch.click(function () {
    vaStyle.addClass("hprs-video-active");
}); 
vid_detach.click(function(){
    vaStyle.removeClass("hprs-video-active");
}); 

为什么我的removeClass不起作用？有没有更好的方法？
另外，当你声明一个var它是否可以在文档范围内工作？

Answer 1

听起来你的元素是动态添加的。使用 event delegation 来解决此问题。我对事件绑定进行了更改。

var vaStyle = $("nav.global_nav, .rsGCaption .intro-caption");
var vid_detach = "div.rsCloseVideoBtn";
var vid_launch = "h1#vidLaunch";

$(document).on('click', vid_launch, function () {
    vaStyle.addClass("hprs-video-active");
}); 
$(document).on('click', vid_detach, function () {
    vaStyle.removeClass("hprs-video-active");
});