![](/img/trans.png)
[英]Go back to previous page without refreshing using jquery, not angularjs
[英]I can not go back to previous page using .load() jquery
我不能回去的页面加载cal.html后tareas.html
index.html
cal.html
tareas.html
--- index.html的-----
<div id="contenedor">
</div>
//这里的内容日历--- calendar.html ---
<div>
<div class="tabs colortopbar" id="tabtarea">
<div class="tab-item colortextbar bartabcolor">
Calendario
</div>
<div class="tab-item colortextbar" id="agregar">
Agregar
</div>
</div>
</div>
//这里的内容列表--- tareas.html ---
<div>
<div class="tabs colortopbar" id="tabtarea">
<div class="tab-item colortextbar" id="calendar">
Calendario
</div>
<div class="tab-item colortextbar bartabcolor">
Agregar
</div>
</div>
</div>
这是加载tareas.html,工作
$('#agregar').click(function(){
$('#contenedor').load('tareas.html');
});
这是要加载cal.html,这不起作用,如何解决?
$('#calendar').click(function(){
$('#contenedor').load('cal.html');
});
我在您希望此工作流程开始的索引页面上没有看到#agregar或#calendar。 假设这些元素在索引页面上,您将发现在局部中加载的新的#agregar和#calendar元素没有绑定到它们的事件。 这些事件在页面加载时绑定一次。
有很多方法可以解决此问题,具体取决于您的框架,但是最终您将需要使用事件委托 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.