Javascript fancybox在单击内容后意外重新加载内容

Javascript fancybox在单击内容后意外重新加载内容,javascript,jquery,html,fancybox,Javascript,Jquery,Html,Fancybox,每次单击fancybox内容中的任何元素后,它都会重新加载此内容。我做错了什么 页面正文中隐藏的内容(显示:无;): 试试这个 function go_trans(){ $.fancybox.open([{ href :'#trans_page' }]); } 这是一张照片 如果您的系统仍然无法正常工作,请查看文档 我发现了问题,我不能在div中使用“fancybox”类来显示需要显示的内容

每次单击fancybox内容中的任何元素后,它都会重新加载此内容。我做错了什么

页面正文中隐藏的内容(显示:无;):

试试这个

function go_trans(){
     $.fancybox.open([{
                  href :'#trans_page'                 
           }]);
}
这是一张照片

如果您的系统仍然无法正常工作,请查看文档


我发现了问题,我不能在div中使用“fancybox”类来显示需要显示的内容。更改为:

<div class="fancybox_page" id="trans_page">

您可以尝试以下代码:

$(document).ready(function() {
  $.fancybox({
    type: 'inline',
    href: '#your-inline-div'
  });
});

我也遇到了同样的问题,最适合我的是添加了一个afterShow函数:

$("#container").fancybox({
    afterShow:function(){
        $('#container').click(function(){return false;});
    }
});

James Nicholson,它打开了,但点击时会重新加载相同的错误
$(document).ready(function() {
  $.fancybox({
    type: 'inline',
    href: '#your-inline-div'
  });
});
$("#container").fancybox({
    afterShow:function(){
        $('#container').click(function(){return false;});
    }
});