导航栏jquery技术取代div内容

Question

我目前正在使用以下内容更新核心html模板中的容器div。它使用单击的导航栏元素的id来更改内容。我一般都是前端的新手 - 我创造了以下内容，但它看起来并不健全 - 这种普遍接受的做法是什么......

javascript文件：

$(".home").on('click','*', function (event) {
var page = $(this).attr('id');
var pageHtmlLink;

switch(page){
    case "homeButton":
        pageHtmlLink = "Home.html";
        break;
    case "aboutButton":
        pageHtmlLink = "About.html";
        break;
    case "storageButton":
        pageHtmlLink = "Storage.html";
        break;
    case "requestsButton":
        pageHtmlLink = "Requests.html";
        break;
    default:
        pageHtmlLink = "Home.html";
        break;
    }
$.get(pageHtmlLink, function(data){
    $(".container").html(data);
});
});