【问题标题】:Can you render only <%-body%> tag in ejs你能在 ejs 中只渲染 <%-body%> 标签吗
【发布时间】:2021-09-02 15:15:59
【问题描述】:

有没有办法在 ejs 中只渲染 ?我的布局中有一个侧边栏(带动画),当我单击侧边栏中的每个链接时,它会刷新整个页面和侧边栏的动画。

可以只换body而不刷新页面吗?

【问题讨论】:

  • 当点击其中一个链接时,您必须在 HTML 页面中显示不同的元素。如果不刷新页面,您将无法呈现单独的文件。
  • @Tyler2P 请进一步解释,我是新手。

标签: node.js express ejs render


【解决方案1】:

以下是在 HTML 中切换当前页面所必须执行的操作示例。

<!doctype html>
<html lang="en">

<body>
    <div class="sidebar">
        ...
    </div>
    <div class="wrapper-1">
        <!-- First page -->
    </div>
    <div class="wrapper-2">
        <!-- Second page -->
    </div>
</body>
<script>
    let wrapper1 = document.getElementsByClassName("wrapper-1");
    let wrapper2 = document.getElementsByClassName("wrapper-2");
    function linkClicked(event) {
        // Check which link was clicked

        // Hide wrapper1 and show wrapper2
        wrapper1.style.display = 'none';
        wrapper2.style.display = 'unset';
    }
    document.querySelector('HTML class/ID of a button').addEventListener('click', linkClicked, false);
<script>
</html>

【讨论】:

    猜你喜欢
    • 2019-01-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-14
    • 2018-01-13
    • 1970-01-01
    • 2018-12-26
    相关资源
    最近更新 更多