Javascript jquery mobile中的按钮未按预期工作

我有一个jquery手机网页。该页面由一个listView组成，它是用jquery动态生成的。在这个列表的最后，我想有一个简单的按钮，当我点击它时，我只是提醒一些事情

我的HTML代码如下所示：

<div data-role="page" id="Home">
        <div data-role="content">
            <ul data-role="listview" data-inset="true" class="albums">      
            </ul> 

            <form>
                <button id="loadMoreAlbums">More Albums...</button>
            </form>         
        </div>      
</div>

我现在有两个问题：

1）当我加载此页面时，首先加载按钮，我可以看到它2-3秒，直到加载列表并进入列表末尾。我真的不喜欢这种行为，我希望按钮是“创建”后，listView已经被创建，这样我就不会看到它像这样在页面上。然而，这并不是一个真正的问题，只是出于表面的原因

2）真正的问题是，当我按下按钮时，它不再只是提醒简单的文本，而是再次“加载”页面，使listView消失，只有按钮留在屏幕上。为什么它会这样呢？为什么它要再次“加载”页面？我只是想让它提醒一些事情，或者做jquery让它做的任何事情

$("#loadMoreAlbums").button().click(function(e){
    e.preventDefault();
    alert("yeah i am loaging more!");
});

该按钮充当提交按钮。通过添加

e.preventDefault（）您可以取消提交操作

该按钮充当提交按钮。通过添加
e.preventDefault（）您可以取消提交操作。
从

<button>...</button>

。。。

到

。。。

默认情况下，
元素具有
type=“submit”
，单击时将提交表单

从

<button>...</button>

。。。

到

。。。

默认情况下，
元素具有
type=“submit”
，单击时将提交表单


<button type="button">...</button>