Question

我使用普通导航在两个页面之间导航。第一页的内容很少是动态创建的

  <ul style="width:200px;float:left;display: inline-block;padding:5px" data-role="listview" id="listView1" data-inset="true"></ul> 
  <ul style="width:200px;float:right;display: inline-block;padding:5px" data-role="listview" id="listView2" data-inset="true"></ul>

我在第一页中动态地在此列表中附加LIST项目

var $li = $("<li>").attr("data-filtertext",msg.userID).appendTo("#listView1");
        $("<a>").attr("href","#")
                .attr("id",msg.userID)
                .text(msg.userID)
                .appendTo($li)
                .css("background", "#F68D78");
        $("#listView1").listview('refresh')

我正在使用此菜单导航到另一个页面

<div class="topnav" id="myTopnav">
    <a href="./index">Dashboard</a>
    <a href="./history">History</a>
    <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
</div>

但是当我在新页面时，我看到我在Index.ejs中动态添加的ListItems仍显示在新加载的页面history.ejs中，但如果我通过简单刷新加载history.ejs，则旧的ListItems不会显示。这些页面都由NodeJS托管，并且有路由可以到达每个页面

旧页面中的动态创建的HTML元素显示在新页面中

0 个答案: