Javascript 超链接不适用于 jQuery append

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 附加带有 href 和 javascript 的元素不起作用 - 这个 - 使用 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属性）中，现在它正在工作。