在页面中可见的列表项目将被刷新

Question

图片1 - 页面刷新期间出现的问题

  

图片2 - 实际展示

  

每次刷新时都会显示第一张图片，同时页面也会被加载。然而，最终结果是第二个图像。 为什么页面中的列表项目会刷新？ 以下是该代码。

<div data-role="page" id="Home" data-theme='b' style="background-image:url('images/background1.PNG ');background-repeat:no-repeat; background-size: 100% 100%; " >
<div data-role="header" >
        <p style="font-size:20px;height:25px;text-align:center;"><font face=" veranda">APPLICATION</font>
        <input style="float:right; margin-right: 10px;" type="image" src="images/logout.png" onClick=$.logoutSearch();></input>
        </p>
        <div data-role="navbar" data-iconpos="top">
            <ul>
                <li><a href="#Home" id="home1" data-icon="home" class="ui-btn-active ui-state-persist" >Home</a></li> 
                <li><a href="#" id="MyAccount" data-icon="back" >My Profile</a></li>
            </ul>
        </div>
</div>
    <div data-role="content">


        <!-- Content goes here-->

    </div>
</div>