使用.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元素沒有綁定事件。事件在頁面加載時綁定一次。

有很多的方式來處理這取決於你的框架，但最終你會想僱用event delegation。