jqueryを介して読み込まれたhtmlファイルにクラスを追加するには？

Question

私のヘッダー&フッタは、jQueryの​​を使用して別々のhtmlファイルに入れました。私のjQueryのコードは以下の通りです：

$(function(){ 
    $("#header").load("page-component/header.html"); 
    $("#footer").load("page-component/footer.html"); 
}); 

今、私は別のページに移動して、私は、ヘッダー/フッターリンクの1つにactiveクラスを追加したいが、私はそれを達成するために見えることはできません。誰でも私を助けることができますか？

私はこのような何かを試してみたが、それはうまくいきませんでした：

$(document).ready(function(){ 
    jQuery('#menu-about').addClass('active'); 
}); 

Answer 1

使用complete callbackjQuery.load方法。あなたは要素のaddClassメソッドを呼び出している場合は、elementはexternalファイルが指定されたelement

$(function() { 
    $("#header").load("page-component/header.html", function() { 
    jQuery('#menu-about').addClass('active'); 
    }); 
    $("#footer").load("page-component/footer.html", function() { 
    jQuery('#menu-about').addClass('active'); 
    }); 
});