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屬性）中，現在它可以工作了。