我無法使用.load（）jQuery返回上一頁

Question

我不能回去的頁面加載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');
});

Answer 1

我在您希望此工作流程開始的索引頁面上沒有看到#agregar或#calendar。 假設這些元素在索引頁面上，您將發現在局部中加載的新的#agregar和#calendar元素沒有綁定到它們的事件。 這些事件在頁面加載時綁定一次。

有很多方法可以解決此問題，具體取決於您的框架，但是最終您將需要使用事件委托 。