jquery - 页脚继续添加动态列表元素

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");