Javascript Ajax和facebox问题
我有一个使用ajax jquery和facebox的网站。 此处演示: 在div“#content”中有一些指向其他页面的链接,这些页面可以使用facebox很好地打开 如果我使用ajaxjquery重新加载该div的内容,那么这些链接将不再使用facebox效果弹出 我试图创建一个函数,每当我调用该函数更改div#content的内容时,我都会调用该函数,但没有成功。我知道每次我向包含rel=“lightbox”的页面加载新内容时,我都必须将facebox重新加载/重新加载到DOM中,但我不知道该如何进行。我称之为“内部” 如果我使用jQueryHTML函数,它可以工作,但如果我使用load函数,它将不再工作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中,但我不知
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(“…”)部分之后。