来自ajax请求的链接不通过ajax请求

Question

我有一个用户脚本，通过GM_xmlhttprequest触发ajax调用，将带有文本和链接的简单页面加载到名为“debug”的div中。这工作得很好。现在我想要通过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); 
             } 
      }); 
}); 

响应中的链接有类ajaxn，和萤火虫的DOM/HTML面板显示的响应实际上是插入＃调试

任何提示？

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();代替。这将会更快，并且代码更加自我记录。