动态生成页面中的事件处理

Question

所以我有一个名为“标语”的 div，它包含在一个名为“容器”的 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

您是否正在重新加载整页？如果是这样，您的事件将需要再次连接。如果不是，它们应该连接到动态加载的内容。