lightbox 问题

var overlayg = document.createElement("div");
    overlayg.className = "overlay-g";
    overlayg.innerHTML = "<a id='tests' href='images/gallery/p1.jpg' class='fa fa-search'>";
    $('.overlay-g a').attr('data-rel', 'lightbox');     //待解决
    var gallerycontent = document.createElement("div");
    gallerycontent.className = "gallery-content";

我动态添加了一些images然后使用'data-rel', 'lightbox'想让他们用弹层的方法展示，可是为什么不行。
审核我看过了添加进去了，可是却是打开一个新网页展示，不是在原页面弹层出来展示