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

попробовать этот

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

Heres в jsFiddle

http://jsfiddle.net/wg4MD/

Если вы все еще застряли, ознакомьтесь с документацией.

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

Answer 2

я нашел эту проблему, я не должен использовать класс «FancyBox» в DIV с содержанием мне нужно показать. Изменение этого:

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

Answer 3

Вы можете попробовать этот код:

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

Answer 4

Я была такая же проблема, что работало лучше для меня добавлял функцию Aftershow:

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