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'                 
           }]);
}

Heres a 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;});
    }
});

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

4 个答案: