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

Question

所以我有一个名为＆＃39;标语的班级＆＃39;它包含在一个名为＆＃39; container＆＃39;的类中。当＆＃39;标语＆＃39;单击，它导航到另一个页面。问题是导航后此新页面上的事件没有响应。以下是我用于导航的代码：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

以下是导航后拒绝工作的事件的代码：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

但是，如果我使用ajax加载我想要的新视图，事件最终会起作用。以下是我正在使用的ajax I代码：

＆＃13;

＆＃13;

$(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');
		});
});

＆＃13;

＆＃13;

＆＃13;

如何在不使用ajax的情况下让它工作？

Answer 1

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