動態生成頁面中的事件處理

Question

所以我有一個名為“ taglines”的類的div，它包含在一個名為“ container”的類的div中。 單擊“標語”后，它將導航到另一頁。 問題是導航后此新頁面上的事件未響應。 以下是我用於導航的代碼：

 $(document).ready(function(){ $('.container').on('click', '.tagLines', function(){ window.location = "manageMarks.php"; }); } 

以下是帶有事件的代碼，該事件在導航后拒絕工作：

 $(document).ready(function(){ $('.container').on('click', '.loadSub', function(){ alert('Clicked'); }); }); 

但是，如果我使用ajax加載所需的新視圖，則這些事件最終會起作用。 以下是我正在使用的ajax代碼：

 $(document).ready(function(){ $('.container').on('mouseover', '.tagLines', function(){ $.ajax({ type: 'GET', url: 'manageMarks.php', data: { videoCode: $(this).attr('data-code') }, success: function(data){ //alert(data); $('.container').html(data); } }).error(function(){ alert('An Error Has Occured'); }); }); 

如何不使用Ajax使其工作？

Answer 1

您正在整頁重新加載嗎？ 如果是這樣，您的活動將需要重新進行連接。 如果沒有，他們應該連接到動態加載的內容。