添加/刪除類因某種原因不起作用

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