Ссылки с запроса ajax не запрашиваются через ajax

Question

У меня есть пользовательский скрипт, который вызывает вызов ajax через GM_xmlhttprequest для загрузки простой страницы с некоторым текстом и ссылками в div с именем «debug». это работает очень хорошо. теперь я хочу, чтобы каждая ссылка в запрошенном документе запрашивалась через gm_xmlhttprequest. Я не знаю, почему моя функция не работает

$('.ajax, .ajaxn').click(function(event) { 
event.preventDefault(); 
var href = $(this).attr('href'); 
GM_xmlhttpRequest({ 
       method: "GET", 
       url: href, 
       headers: { 
        "Content-Type": "application/x-www-form-urlencoded" 
        }, 
         onload: function(response) { 
           $('#debug').html(''); 
           $('#debug').append(response.responseText).fadeIn(5000); 
             } 
      }); 
}); 

The ссылку внутри ответа, имеет класс ajaxn, а поджигатель дом/HTML панель показывает, что ответ на самом деле вставляется в #debug

любые подсказки?

Answer 1

Вопрос не ясен, но если вы хотите, чтобы click обработчик стрелять, если нажатии на ссылку в #debug содержание (по сравнению с автоматической загрузкой ссылки или ???) ...

Тогда дон Не используйте метод .click(). Используйте jQuery's .on() method это стреляет по току, и в любое будущее, узлы, соответствующие селектору.

код становится чем-то вроде:

$(document).on ("click", ".ajax, .ajaxn", function (event) { 
    event.preventDefault(); 
    var href = $(this).attr('href'); 

    GM_xmlhttpRequest ({ 
     method:  "GET", 
     url:  href, 
     headers: { 
      "Content-Type": "application/x-www-form-urlencoded" 
     }, 
     onload:  function (response) { 
      $('#debug').empty(); 
      $('#debug').append (response.responseText).fadeIn (5000); 
     } 
    }); 
}); 

Кроме того, не используйте $('#debug').html(''); Используйте $('#debug').empty(); вместо этого. Это будет быстрее, и код будет немного более самодокументированным.