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的标准标签不会受到影响，它们可以正常工作。

我发现了这样的建议- 带href和javascript的jQuery追加元素不起作用 -并且- 带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);
 });

Answer 2

感谢您的答复和评论，这是我的设计错误。 我必须将jquery和fancybox JS和CSS包含到someotherpage.php（data-id属性）中，现在它可以工作了。