Ajax 和 Facebox 问题

Question

我有一个使用ajax jquery 和facebox 的网站。 此处演示：http://temp.nevergone.eu/facebox.php 在 div“#content”内有一些指向其他页面的链接，可以使用 Facebox 正常打开。

如果我使用 ajax jquery 重新加载该 div 的内容，那么链接将不再使用 Facebox 效果弹出。

我尝试创建一个函数，每当我调用更改 div #content 内容的函数时都会调用该函数，但没有成功。我知道每次我向包含 rel="lightbox" 的页面加载新内容时，我都必须重新初始化/重新加载 Facebox 到 DOM，但我不知道如何实现。我在里面调用它 如果我使用 jquery HTML 函数它可以工作，但是如果我使用 load 函数它就不再工作了。

function updatec() {
    $("#content").load('sometext.html');
    reinit();
}

function reinit() {
  $('a[rel*=facebox]').facebox() ;
}

sometext.html 仅包含CLICK ME I DONT WORK（如果单击它，则无法使用 Facebox 打开，它将像普通链接一样打开）'

Answer 1

我想我明白你的问题了。您在插入内容之前正在重新初始化您的 Facebox 脚本。

您当前拥有的是这样的：

function reinit() {
   $('a[rel*=facebox]').facebox() ;
}
function updatec() {
reinit();
$("#content").html('<a href="http://www.google.com" rel="facebox">CLICK ME I DONT          WORK</a>');
  }

您需要将 reinit 函数移到 html 插入下方，如下所示：

function updatec() {    
$("#content").html('<a href="http://www.google.com" rel="facebox">CLICK ME I DONT          WORK</a>');
    reinit();
  }

有时您只需要另一双眼睛来关注问题。