在jquery

Question

我正在尝试在jquery中构建一个动态href链接但是不能完全实现。我可以将data-id变量变为jquery，但我无法弄清楚如何创建链接。谁能告诉我我的错误？

我正在努力实现这个目标：

<a href="page.php?page_id=some_page_id>"Read More</a>

我的HTML

    <a class="fancybox" class="img-responsive" data-id="<?php echo $page_id ?>" id="single_image" href="uploads/<?php echo $file ?>" title="<?php echo $title ?>" width="800 ">
<img src="uploads/thumbnails/<?php echo $file ?>" id="<?php echo $file ?>" class="img-responsive" width="190"></a>

Jquery的

$(document).ready(function() {
$("a#single_image").fancybox({
 afterLoad: function() {
    this.outer.append("<div>" + document.getElementById("detail").innerHTML + "<a href="page.php?page_id=" +$(this.element).data('id') + "Read More</a></div>");
  }
});

});

Answer 1

你没有正确地逃避内部引号。试试这个：

this.outer.append("<div>" + document.getElementById("detail").innerHTML + "<a href=\"page.php?page_id=\"" +$(this.element).data('id') + "Read More</a></div>");

Answer 2

在single quote

中double内使用'page.php?page_id='

将此jquery代码替换为您的。

$(document).ready(function() {
   $("a#single_image").fancybox({
     afterLoad: function() {
       this.outer.append("<div>" + document.getElementById("detail").innerHTML + "<a href='page.php?page_id='"+$(this.element).data('id') + "Read More</a></div>");
     }
   });
});