jquery - 如何在 Express View 之间进行页面转换？

Question

我有简单的Express网站/应用程序，我想在 View /页面之间进行转换。

因此，如果我在 /home 上并单击 /about 页面， View 将淡出 /home 并淡入 /about。有任何想法吗？谢谢!

Answer 1

您需要对 url /about 进行 $.get 调用，才能将内容放入您的 dom 中，例如:

// add click handler to about-link
$('a.about').on('click', function() {

    // call /about
    $.get('/about', function(data) {     

        // fadeout content block and empty page content
        $('.content').fadeOut().empty();

        // add data from /about to content and fadein
        $('.content').html(data).fadeIn();
    });
});