リンク付きのメニューサイドバーと、他のページから ajax コンテンツをロードする div を含むページがあります。コンテンツは正常にロードされますが、スクリプトと css は機能しません。
$(function () {
$('.menuAnchor').click(function (e) {
href = $(this).attr("href");
loadContent(href);
// HISTORY.PUSHSTATE
history.pushState('', 'New URL: ' + href, href);
e.preventDefault();
});
// THIS EVENT MAKES SURE THAT THE BACK/FORWARD BUTTONS WORK AS WELL
window.onpopstate = function (event) {
console.log("pathname: " + location.pathname);
loadContent(location.pathname);
};
});
function loadContent(url) {
// USES JQUERY TO LOAD THE CONTENT
$.get(url, {}, function (data) {
$(".contn_btm_mid_bg").html($(data).find('.contn_btm_mid_bg').html());
//$.validator.unobtrusive.parse(".contn_btm_mid_bg");
});
// THESE TWO LINES JUST MAKE SURE THAT THE NAV BAR REFLECTS THE CURRENT URL
$('li').removeClass('current');
$('a[href="' + url + '"]').parent().addClass('current');
}