jquery移动页面在ajax响应负载上波动

我正在使用一个移动应用程序，其中第一页有

Html

    <ul>
    <li>121212</li>
    <li>123233</li>
    <li>232323</li>
    <li>4323423</li>
    <ul>

当用户点击"li"时，他/她进入下一个页面，该页面将通过Ajax检索与所选"li"相关的数据。这几乎进展顺利。。

但当Ajax的响应出现页面波动2次时。意味着一次页面加载，下一次页面全白，然后再次显示Ajax响应的页面。为什么？

J查询

 $("clickOnLi").click(function(){
        var id= $(this).val(); //get the selected li value
        $('.loadingGif').css({ 'display':'block' });
        $("#ulShowContent").html(''); // to remove old inner HTML to show new result html
        var dataString = 'selectedid='+id;
        $.ajax({
            type: "POST",
            url: remoteUrl+"handler.php",
            data : dataString,
            cache: true,
            success: function(response) {
                if(response){
                    $('.loadingGif').css({ 'display':'none' });
                    $("#ulShowContent").html(response); 
                }
                }
        });
    })

**and the result will show in this html** 

<ul id="ulShowContent" data-role="listview"> 
    <li class="comment chatsend">
        <div class="comment-meta">
            data 1
        </div>
    </li>
    <li class="comment chatsend">
        <div class="comment-meta">
            data 2
        </div>
    </li>
</ul>