После запуска вызова AJAX код jquery не выполняется

Question

У меня есть сайт, который использует разбиение на страницы и некоторую фильтрацию с помощью jQuery и AJAX. Все работает хорошо до тех пор, пока я не изменил свои ссылки на ссылки Javascript.

Находясь на домашней странице и не используя какую-либо фильтрацию или разбивку на страницы, все работает так, как ожидалось. После того, как я использовал разбивку на страницы или фильтрацию (эффективно используя вызов AJAX для обоих), мои ссылки на JavaScript больше не работают.

JavaScript для ссылки является:

$(function(){ 
    $(".artikel_box_lk .button").click(function(e) { 
     window.open("/lk/" + $(this).attr("rel"), "_blank"); 
    }); 
}); 

И код пагинацией:

function loadData(page){     
    loading_show(); 
    $.ajax 
    ({ 
     type: "POST", 
     url: "php/load_data.php", 
     data: dataToSend, 
     success: function(msg) 
     { 
      $("#container").ajaxComplete(function(event, request, settings) 
      { 
       loading_hide(); 
       $("#container").html(msg);       
      }); 
     } 
    }); 
} 

Моя догадка, что Javascript не перезагружаются на вызов AJAX, как только часть страница перезагружается, но я не уверен, что это так и как это исправить.

Answer 1

Кажется, ваш браузер не загружается после обратной передачи. Попробуйте добавить свою функцию внутри Pageload на веб-страницы как:

function pageLoad() 
{ 
    $(".artikel_box_lk .button").click(function(e) { 
     window.open("/lk/" + $(this).attr("rel"), "_blank"); 
    }); 
} 

Answer 2

ли event delegation

$("#container").on ("click",".artikel_box_lk .button" ,function(e) { 
     window.open("/lk/" + $(this).attr("rel"), "_blank"); 
    });