fancybox在点击后意外地重新加载了内容

fancybox unexpectedly reload content after click on it

本文关键字：加载 新加载 意外 fancybox      更新时间：2023-09-26

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

页面正文中的隐藏内容（显示：无；）：

<div class="fancybox page" id="trans_page">
    Вы выбрали <span class="post_count">0</span> материалов.
    <br><br>
    <select id="editor_id_trans">
        {foreach $editors as $item}
            <option value="{$item.id}">{$item.author} - {$item.name} №{$item.id}</option>
        {foreachelse}
            <option>Нет ни одного копирайтера.</option>
        {/foreach}
    </select>
    <br><br>
    <button class="btn btn-default">направить</button>
</div>

在fancybox中显示此内容的代码：

function go_trans(){   
    $.fancybox($("#trans_page"));        
}

您可以尝试以下代码：

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

尝试这个

function go_trans(){
     $.fancybox.open([{
                  href :'#trans_page'                 
           }]);
}

这是一个jsFiddle

http://jsfiddle.net/wg4MD/

如果你仍然坚持，看看文档。

http://fancyapps.com/fancybox/#useful

我发现了问题，我不能在div中使用"fancybox"类来显示我需要显示的内容。更改为：

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

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

$("#container").fancybox({
    afterShow:function(){
        $('#container').click(function(){return false;});
    }
});
相关文章：