Javascript Ajax和facebox问题

Javascript Ajax和facebox问题,javascript,jquery,ajax,lightbox,facebox,Javascript,Jquery,Ajax,Lightbox,Facebox,我有一个使用ajax jquery和facebox的网站。 此处演示: 在div“#content”中有一些指向其他页面的链接,这些页面可以使用facebox很好地打开 如果我使用ajaxjquery重新加载该div的内容,那么这些链接将不再使用facebox效果弹出 我试图创建一个函数,每当我调用该函数更改div#content的内容时,我都会调用该函数,但没有成功。我知道每次我向包含rel=“lightbox”的页面加载新内容时,我都必须将facebox重新加载/重新加载到DOM中,但我不知

我有一个使用ajax jquery和facebox的网站。 此处演示: 在div“#content”中有一些指向其他页面的链接,这些页面可以使用facebox很好地打开

如果我使用ajaxjquery重新加载该div的内容,那么这些链接将不再使用facebox效果弹出

我试图创建一个函数,每当我调用该函数更改div#content的内容时,我都会调用该函数,但没有成功。我知道每次我向包含rel=“lightbox”的页面加载新内容时,我都必须将facebox重新加载/重新加载到DOM中,但我不知道该如何进行。我称之为“内部” 如果我使用jQueryHTML函数,它可以工作,但如果我使用load函数,它将不再工作

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

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

sometext.html只包含
(如果您单击它,它将无法使用facebox打开,它将像普通链接一样打开)

我想我明白了您的问题。在插入内容之前,您正在重新初始化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(){
$('a[rel*=facebox]')。facebox();
}
函数updatec(){
雷尼特();
$(“#内容”).html(“”);
}
您需要将reinit函数移动到html插入下面,如下所示:

function updatec() {    
$("#content").html('<a href="http://www.google.com" rel="facebox">CLICK ME I DONT          WORK</a>');
    reinit();
  }
函数updatec(){
$(“#内容”).html(“”);
雷尼特();
}

有时候,你只需要用另一双眼睛来观察一个问题。

它适用于html,但如果我尝试加载,它将不再起作用。html与jquery的函数一样,加载与jquery的“加载”函数一样。你需要将reinit()函数调用移到函数中将新html放入页面的部分之后。因此,在updatec()函数中的$(“#content”).html(“…”)部分之后。