页脚添加动态列表元素

Question

当我在列表中添加一些列表元素时，页脚会在我的html页面中显示。 之后，当我点击页面（页面上的任何位置）时，页脚会显示其原始位置。

我想问一下，在添加动态列表元素之后，如何将页脚放置到其原始位置（粘在屏幕的基础上）。

添加固定页脚的代码：

<div id='ref_fot' data-role="footer" data-theme="b" data-position="fixed" class="ui-bar">
        <a href="#create_task" data-icon="" class="ui-btn-right" style="float:right;margin-right:20px;border-radius:6px;">Add Task</a>
        </div>

动态添加列表元素：

 $("#list").append('<li><a href="#Display_task" class="ui-link-inherit" data-icon="home">'+obj.title+'</a></li>');
      $("#list").listview ("refresh");