我有两个链接可以说链接1和链接2.当用户点击其中任何一个时,它使用jquery加载功能动态加载单独的html页面。它工作正常,但我想要的是当用户点击链接1然后它首先卸载已经在容器div中的上一页。我目前正在使用empty()
函数,但它不能按我想要的方式工作。我怎样才能做到这一点?
更新
“它不按我想要的方式工作”=我的意思是它在当前页面之上加载相同的页面。我知道这一点,因为当我按下时可以说profile
然后它会在容器div中加载profile.html
。在profile.html里面我有两个按钮,我在它们上面附加了一个点击事件,所以当我点击这些按钮时,它会显示一次alert()消息。然后,当我按下home
时,它会加载home.html
。然后再次按下配置文件再次加载profile.html。所以,现在如果我按下profile.html内的按钮,当我点击每个按钮一次时,它会显示两次alert()消息
这是我的代码
<ul>
<li><a href="#" rel="home" class="home tabs"></a></li>
<li><a href="#" rel="camera" class="profile tabs"></a></li>
<li><a href="#" rel="profile" class="cam tabs"></a></li>
</ul>
这是我的js
init: function () {
Tabs.loadViews('home');
$(document).on('touchstart', 'footer a', Tabs.getViewName);
));
}
loadViews: function ( page ) {
var view = './views/' + page + '.html';
$(container).unload().empty();
$(container).load(view, function () {
setTimeout(function () {
scroller.refresh();
}, 0);
});
}