0

我有两个链接，比如说链接 1 和链接 2。当用户单击其中任何一个时，它会使用 jquery 加载功能动态加载单独的 html 页面。它工作正常，但我想要的是当用户点击链接 1 时，它首先卸载已经在容器 div 中的上一个页面。我目前正在使用empty()功能，但它不能按我想要的方式工作。我怎样才能做到这一点？

更新

“它不能按我想要的方式工作” = 我的意思是它在当前页面之上加载相同的页面。我知道这一点，因为当我按下可以说profile然后它加载profile.html到容器 div 中。在 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);
 });
}
4

0 回答 0