Javascript 超链接不适用于 jQuery 追加

Question

我需要一些指向正确方向的帮助。我有一个 jQuery 代码，它在页面加载后通过 $.get 函数提取一些 HTML 内容，将它们放入 $data 变量并将其附加到 div_content.

一切正常，除了在原始内容中附加 javascript 链接后不起作用。

代码部分:

$(document.body).ready(function() {
$.get("content1.php", {id:"1234" }, function(data) {

  // for example this is the pulled data 
  var data = '<a href="javascript:;" data-id="someotherpage.php?var1=a&amp;var2=b&amp;var3=c">link</a>'

  $('.div_content').append(data);

});
});

没有 javascript 的标准标签不受影响，它们工作正常。

我找到了一些这样的建议 - jQuery Appended elements with href and javascript doesn't work - 还有这个 - Appending a link with Jquery - 并阅读 jQuery 的 .on() 函数，但似乎并没有解决我附加内容的确切问题。

我有 jQuery 1.10.1，感谢所有输入。

Answer 1

如果没有看到可能包含哪些数据，很难准确地看到您想要实现的目标，但我可以看到您在收到 ajax 响应后做的第一件事是覆盖返回的数据，这显然是不正确的。

也许你的意思是这样的？:

 $.get("content1.php", {id:"1234" }, function(i,data) {
 var link = '<a href="someotherpage.php?var1='+data.var1+'&amp;var2='+data.var2+'">link</a>';
 $('.div_content').append(link);
 });