列表视图添加另一个不需要的页面项目

主页上有两个图像按钮(2d，3d(。每个图像都有单独的图像集。每个图像在单击时调用两个不同的函数。每个功能(页面(具有相同的列表视图(主页(和相同的页面(主页(。当我从 2d 图像按钮切换到 3d 图像按钮时，内容内的 2d 图像按钮也显示在内容内的 3d 图像按钮中。因为我只在列表视图上使用。如果有什么方法可以让我在调用函数 login1(( 或 login2(( 时刷新列表。或者有什么方法可以删除以前的列表视图添加的项目？我试过这个 $("#mainmenu"(.remove(y(;但它不起作用。

以下是 html 中的 2D 和 3D 图像定义：

<div align="center"><a id="loginpage-button" class="1" onclick="login();"><img align="center" src="images/3d.png" style="width:130px;height:130px;"/></a>
  <div align="center">
    <img src="images/2dtitle.png" style="width:110px;height:20px;" />
  </div>
</div>
<br/>
<div align="center"><a id="loginpage-button1" onclick="login1();"><img align="center" src="images/2d.png" style="width:130px;height:130px;"/></a>   
  <div align="center"><a id="loginpage-button" class="2" onclick="login();"><img src="images/3dtitle.png" style="width:110px;height:20px;"/></a>
  </div>
</div>

以下是正在调用的函数

function login1() {
    $.mobile.loadPage("#msgpage");
    x = "<div class='ui-block-a'><a href='#payagentpage'><img src='images/quader.png'  ></a></div>"
    $("#mainmenu").append(x);
    x = "<div class='ui-block-b'><a href='#prismapage'><img src='images/prisma.png'></a></div>"
    $("#mainmenu").append(x);
    x = "<div class='ui-block-c'><a href='#pyramidpage'><img src='images/pyramid.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-a'><a href='#pyramidenstumpf'><img src='images/pyramidenstumpf.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-b'><a href='#zylinder'><img src='images/zylinder.png'></a></div>"
    $("#mainmenu").append(x);
    x = "<div class='ui-block-c'><a href='#hohlzylinder'><img src='images/hohlzylinder.png'></a></div>"
    $("#mainmenu").append(x);
    x = "<div class='ui-block-a'><a href='#kegel'><img src='images/kegel.png'></a></div>"
    $("#mainmenu").append(x);
    x = "<div class='ui-block-b'><a href='#kegelstumpf'><img src='images/kegelstimpf.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-c'><a href='#kugel'><img src='images/kugel.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-a'><a href='#kugelzone'><img src='images/kugelzone.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-b'><a href='#kugelsektor'><img src='images/kugleAuss.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-c'><a href='#kugelsegment'><img src='images/kugleAuss.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-a'><a href='#tetraeder'><img src='images/tetraeder.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-b'><a href='#hexaeder'><img src='images/wurefell.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-c'><a href='#oktaeder'><img src='images/oktaeder.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-a'><a href='#dodekaeder'><img src='images/dodekaeder.png'></a></div>";
    $("#mainmenu").append(x);
    x = "<div class='ui-block-b'><a href='#ekotaeder'><img src='images/last.png'></a></div>";
    $("#mainmenu").append(x);
    $.mobile.changePage("#homepage", 'slide');
}
function login() {
    $.mobile.loadPage("#msgpage");
    y = "<div class='ui-block-a'><a href='#one'><img src='images/one1.png'></a></div>"
    $("#mainmenu").append(y);
    y = "<div class='ui-block-b'><a href='#two'><img src='images/two1.png'></a></div>"
    $("#mainmenu").append(y);
    y = "<div class='ui-block-c'><a href='#three'><img src='images/three1.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-a'><a href='#four'><img src='images/four1.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-b'><a href='#five'><img src='images/five1.png'></a></div>"
    $("#mainmenu").append(y);
    y = "<div class='ui-block-c'><a href='#six'><img src='images/six1.png'></a></div>"
    $("#mainmenu").append(y);
    y = "<div class='ui-block-a'><a href='#seven'><img src='images/seven1.png'></a></div>"
    $("#mainmenu").append(y);
    y = "<div class='ui-block-b'><a href='#eight'><img src='images/eight1.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-c'><a href='#nine'><img src='images/nine1.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-a'><a href='#ten'><img src='images/ten.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-b'><a href='#eleven'><img src='images/eleven.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-c'><a href='#twelve'><img src='images/twelve.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-a'><a href='#sixteen'><img src='images/sxteen.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-b'><a href='#seventeen'><img src='images/seventeen.png'></a></div>";
    $("#mainmenu").append(y);
    y = "<div class='ui-block-c'><a href='#fifteen'><img src='images/fifteen.png'></a></div>";
    $("#mainmenu").append(y);
    $.mobile.changePage("#homepage", 'slide');
}

这是列表视图声明：

$("#homepage").bind("pagecreate", function() {
  $("#mainmenu").listview();
});