javascript - 点击它后，fancybox 意外重新加载内容

Question

每次单击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"));        
}

Answer 1

你可以试试这段代码：

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

Answer 2

尝试这个

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

这是一个jsFiddle

http://jsfiddle.net/wg4MD/

如果您仍然卡住，请查看文档。

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

Answer 3

我发现了问题，我不能在 div 中使用“fancybox”类来显示我需要显示的内容。改成这样：

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

Answer 4

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

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