添加/删除类因某种原因不起作用

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"); 
});