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（）函数，但似乎没有通过附加内容来解决我的确切问题。 / p>

我有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

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

Javascript超链接不适用于jQuery追加

2 个答案: