Question

加载tareas.html后，我无法返回 cal.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');
});

Answer 1

我没有在索引页面上看到#agregar或#calendar，我希望这个工作流程能够开始。假设索引页面上有这些元素，您会发现在部分中加载的新#agregar和#calendar元素没有绑定到它们的事件。事件在页面加载时绑定一次。

根据您的框架，有很多方法可以解决这个问题，但最终您需要使用event delegation。

我无法使用.load（）jquery返回上一页

1 个答案: