html - jQuery 动态加载页面并在退出时卸载 javascript

Question

我正在尝试构建一个动态加载页面的站点。某些页面有额外的 JavaScript 加载。当页面更改时，我需要能够卸载此 javascript。那可能吗？到目前为止我的代码（仍在进行中）：

//When page loads...
$("ul.toggle li:first").addClass("active").show(); //Activate first tab
var taburl = $("ul.toggle li:first a").attr("href").substr(1);
$(document).ready(function(e) {
    $.ajax({
        type: "POST",
        url: taburl+'.php',
        data: '',
        dataType: "html",
        success: function(d){
            $('#main').html(d);        
    }       
});
});

//On Click Event
$("ul.toggle li").click(function() {

    $("ul.toggle li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $("#main").fadeOut(500);
    $("#main").html('');

    var activeTab = $(this).find("a").attr("href").substr(1) + '.php'; //Find the href attribute value to identify the active tab + content
    $("#main").load(activeTab).fadeIn(500); //Fade in the active ID content
});

让我知道是否需要任何其他信息。